让IE6支持兼容min-width、max-width CSS样式属性的方法
我要评论我们在写CSS的时候，常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度，接下来由DIVCSS5为大家总结的解决IE6不支持min-width和不支持max-width的方法。以下为CSS 宽度之IE6支持最小宽度、最大宽度解决技巧（你可能需要进一步详细了解CSS width知识）。
1、IE6支持max-width解决方法
IE6支持最大宽度，解决CSS代码：
.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;}
说明：max-width:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;则是让IE6支持max-width替代CSS代码，但效果和其它版本浏览器相同效果。
让所有浏览器都支持max-width的CSS样式代码，完整：
max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden; 这里的1000和1000px是你需
要的数值，注意3个数值的相同。
设置最大max-width的时候别忘记加上overflow:hidden;
2、IE6支持min-width解决方法
IE6支持最小宽度，解决CSS代码：
.yangshi{min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");}
说明：min-width:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");则是让IE6支持min-width替代CSS代码，但效果和其它版本浏览器相同效果。
让所有浏览器都支持min-width的CSS样式代码，完整：
min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
这里的1000和1000px是你需要的数值，注意3个数值的相同。
3、让IE6支持min-width同时又支持max-width解决方法
让IE6即支持最小宽度又支持最大宽度限制设置。这种情况我们常常碰到对图片控制，让不确定大小的图片，如果太宽，不能超出一定范围值，小的时候不控制他的方法，用到CSS代码：
_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));
对图片控制CSS完整代码：
img{max-width:620px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}
这里说明：图片不能超出大于620px的宽度，又不小于1像素的宽度。
让所有浏览器包括IE6浏览器支持最大宽度又支持最小宽度DIV CSS代码：
.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}
相关文章
- 下面小编就为大家带来一篇浅谈前端制作中，IE6还有必要兼容吗？小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-31
- 下面小编就为大家带来一篇使用语义化标签去写你的HTML 兼容IE6,7,8。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-04-14
兼容IE6、IE7的min-width、max-width写法
这篇文章主要介绍了兼容IE6、IE7的min-width、max-width写法,需要的朋友可以参考下2016-01-13一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题2015-09-26Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍
FF和IE对一些符号识别上有些差异，可以利用这个差异单独对FF以及IE定义样式，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面2014-10-20兼容IE6的min-width、min-height的简单方法
下面小编就为大家带来一篇兼容IE6的min-width、min-height的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-17
最新评论