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

最新推荐文章于 2019-05-14 15:46:17 发布
原创 最新推荐文章于 2019-05-14 15:46:17 发布 · 147 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#IE #CSS #Firefox #ASP #Google

本文介绍了一种使用CSS解决Internet Explorer中最小宽度显示问题的方法。通过结合使用标准的min-width属性与IE特有的Dynamic Properties，可以实现跨浏览器的兼容性。具体实现方式是在CSS中设置min-width，并使用expression来判断当前窗口宽度，确保在IE下正确显示。

可以使用 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 1105
可以使用 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
火狐兼容性问题
y_h_t的专栏
05-17 6744
获取浏览器兼容性问题、获取兼容性问题、css火狐兼容性问题
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标签的支持程度不同，开发者常需采取特定策略以确保...
min-width，设置最小宽度
weixin_34204057的博客
08-26 4583
在完成百度IFE任务五时，遇到一个布局问题，百思不得其解。问题是这样的：任务五是一个两栏布局，左栏自适应，右栏固定宽度。我的解决方式是：右栏固定宽度，float:right，左栏通过margin-right设置一定的右外边距，这样完成了布局。然而测试时，发现浏览器窗口在非常小的时候，左栏会被无限挤压，内容布局发生变化，很难看。在踩了很多坑后，发...
IE和firefox max-width 属性兼容性问题
起點ing 的专栏
05-17 1583
在firefox里，有个max-width属性，但是IE不支持，那怎么办呢，就这么办，如下： width:expression(this.width>640?640:true); 这个ie firefox都支持
兼容浏览器的min-height和min-width
weixin_34318326的博客
06-28 409
min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。 转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/ 先说说min-height。这个看起来很容易。 看下面试例： &lt;div style="border:5px solid #f00;min-height:200px;width:300px;pa...
防止浏览器窗口太小，设置最小宽度
热门推荐
艾小逗
09-17 2万+
页面设置宽高百分比的时候，防止浏览器窗口改变太小，页面内容发生改变 给页面设置最小宽度和最小高度 .contain{ width : 100%; min-width: 810px; height: 100%; min-height: 600px; } www.foryh.com...
css怎么设置页面缩放最小宽度
九亿宅男的梦的博客
05-14 8872
html, body { min-width: 1500px;} @media only screen and (min-width: 1500px) { html, body { min-width: 1500px; } }
width和min-width的区别和差异性比较
ITzhongzi的博客
05-24 2万+
1、正常情况下：    width :给块级元素/行内块 元素设置固定的宽度，或者固定百分比的宽度。    min-width:  当盒子内部元素宽度小于 min-width的值时，盒子宽度为 min-width的值，当盒子内容宽度大于 min-width的值时，盒子随着内容的增加而被撑大，没有上上限，但是 盒子宽度的最小值是 设置的 min-width 的值。2、在父元素已经设置为 displa...
浅谈纯CSS实现自适应浏览器宽度的正方形
筱葭的博客
04-13 1万+
1、方案一：CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分比的长度单位vw、vh、vmin、vmax。其中vw是相对于视口宽度百分比的单位，1vw = 1% viewport width，vh是相对于视口高度百分比的单位，1vh = 1% viewport height；vmin是相对当前视口宽高中较小的一个的百分比单位，同理 vmax是相对当前视口宽高中较大的一个的百分比单
CSS技巧：实现页面最小宽度及IE与Firefox兼容
对于浏览器兼容性，尤其是IE6、IE7、IE8与Firefox之间的差异，开发者需要了解各自对CSS特性的支持情况，以便编写能够跨浏览器工作的代码。例如，IE6不支持某些CSS2属性，而Firefox和其他现代浏览器通常遵循W3C的标准...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值