IE情况下最小宽度的CSS写法

html-css05

IE情况下最小宽度的CSS写法,第1张

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个数值的相同。

用max-width来控制,值为要设定的最大宽度,例如:

img {max-width: 480px} /* 最大宽度为480px */

上面是绝对宽度,还可以使用相对宽度,例如:

img {max-width: 100%} /* 其父容器多宽,里面的图片就多宽 */

img {max-width: 100vw}  /* 图片最大宽度为当前屏幕宽度 */

方法1.在图片的外面加上一个div,如果是图片要占整行,那么这个div不需要加什么样式;如果是和其他元素共占一行,那么这个div必须是display:inline-block,而里面的img图片只要设置width:100%让图片自适应外层的DIV,而div则自适应更外层的宽度,这个方法不存在IE8内不存在兼容性问题(IE6以下不兼容)。

方法2.在布局上和方法一一样,但是在导入图片和展示图片上有点差异,即用background导入图片,用background-size来控制图片的展示。