CSS 控制最小宽度（ IE 与 Mozilla Firefox 都支持)

最新推荐文章于 2021-08-04 03:12:47 发布
最新推荐文章于 2021-08-04 03:12:47 发布
阅读量384 收藏
点赞数
分类专栏： CSS 文章标签： mozilla css firefox ie properties google
本文介绍了一种在Internet Explorer中使用CSS实现最小宽度的方法。通过结合使用min-width属性和IE特有的DynamicProperties，可以在IE浏览器中实现响应式布局的效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 可以使用 css 属性：min-width。但是，IE 不认。Google 到一个文章，讲解了如何纯用 css 解决这个问题。方法是配合使用 min-width 和仅 IE 认的 Dynamic Properties。例子：


min-width:785px;
width:e xpression(document.body.clientWidth < 800 ? "785px" : "100%" );

 

找了很久，这个最好用！！！

 

转载于：杰奏中国 http://www.jiezo.com/blog/default.asp

通过CSS样式设置网页的最小宽度以将宽度固定为600px为例
09-25
设置网页的最小宽度在以前或许是使用js来完成的，不过今天，在本文将为大家详细介绍下通过css是如何实现的，感兴趣的朋友不要错过
CSS中火狐浏览器与IE浏览器的兼容
08-09
本文旨在提供一些实用的技巧和方法来帮助开发者解决CSS在Internet Explorer（IE）与Mozilla Firefox（火狐）这两款主流浏览器中的兼容性问题。 #### 一、基础知识回顾 在探讨具体解决方案之前，我们先来回顾一下...
CSS 控制最小宽度（ IE 与 Mozilla Firefox 都好使）
靠天靠地不如靠自己
09-14 1089
可以使用 css 属性：min-width。但是，IE 不认。Google 找到一个文章，讲解了如何纯用 css 解决这个问题。方法是配合使用 min-width 和仅 IE 认的 Dynamic Properties。例子：min-width:785px;width:e xpression(document.body.clientWidth 这个东西真的不错,我喜欢,哈哈高度最小值box {  
css 设置浏览器最小宽度
热门推荐
淘淘小窝
01-23 2万+
CSS设置页面最大最小宽度 兼容ie6/7/8/9，FF，chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth } 设置最大宽度 div { width:100%; max-width:120
[css] 如何让IE6支持min-width和max-width？
歌谣的博客
01-31 245
[css] 如何让IE6支持min-width和max-width？ 利用IE特有的css语法 .className { max-width:620px; min-width:1px; _width:expression(this.scrollWidth > 620 ? "620px":(this.scrollWidth < 1? "1px":"auto")); } 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目
IE6与Firefox兼容的CSS网站布局实战源码
IE6浏览器的特殊性导致了许多兼容性问题，例如它不支持一些CSS2的特性，如PNG透明度、最小宽度、CSS边距重叠等。针对IE6的兼容性编程，开发人员可能需要使用一些特殊的技巧，例如条件注释或特定的CSS hack。 另一...
line-block的运用最小宽度的设置
10-30
然而，遗憾的是，这个属性并不被主流浏览器广泛支持，尤其是 Internet Explorer 和 Firefox。在 IE 中，可以通过触发 `layout` 来模拟 `line-block` 的效果，而在 Firefox 中则需要使用非标准的 `-moz-inline-box` ...
CSS兼容IE和Firefox的技巧集合
07-25
在网页开发过程中，CSS的兼容性一直是开发者们头疼的问题，尤其是在处理不同浏览器如Internet Explorer（IE）和Mozilla Firefox之间的差异时。本文旨在总结一系列有效的技巧，帮助开发者们更好地解决CSS在IE和Fire...
IE与火狐常见的区别
03-30
在网页设计和前端开发领域，了解不同浏览器之间的差异至关重要，尤其在处理Internet Explorer（IE）与Mozilla Firefox（火狐）时，由于两者对某些CSS属性和HTML标签的支持程度不同，开发者常需采取特定策略以确保...
css width 100% 火狐,火狐没有css样式
weixin_35198152的博客
08-04 309
我做了一个页面,在其他浏览器都正常显示样式和js功能，但是到了火狐下完全没有样式了.main-content{overflow: hidden;}nav{background: #ccc;height: 50px;}#banner{background: transparent;height: 650px;}#banner .inner{max-width:300px;text-align: ce...
css怎么设置页面缩放最小宽度
九亿宅男的梦的博客
05-14 8787
html, body { min-width: 1500px;} @media only screen and (min-width: 1500px) { html, body { min-width: 1500px; } }
火狐兼容性问题
y_h_t的专栏
05-17 6716
获取浏览器兼容性问题、获取兼容性问题、css火狐兼容性问题
css 中width与height在IE与Firefox的区别
chanball的专栏
02-02 218
width 按照样式表的规则，对象的实际宽度为其下列属性值之和： [code="java"] //margin-left border-left padding-left width padding-right border-right //margin-right [/code] 而在IE，对象的实际宽度却等于： [code="java"] //margin-le...
火狐设置flex布局，设置了flex值，内容还是溢出元素
前端_小学生的博客
12-24 2357
MDN有解释需要加min-width或者min-height属性，如： .table-container { height: 0; min-height: 0; // 设置min-height兼容火狐 flex: 1; } .right-container { flex: 1; width: 0; min-width:...
火狐min-height不兼容解决方法
weixin_34239592的博客
07-27 490
我们在进行页面架构的时候，一般会分成三个section：header、body、footer。如下面这个页面： 这个时候我们就需要对body部分进行最小高度设置，才能避免footer部分出现在页面中间的情况。比方说下面在这个写法： .page-content-header { 　　min-height: 5%;} .page-content-body { 　　min-heig...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值