rinald_未来往事

图片等比例缩放CSS样式:max-width:100%兼容IE6方法

WEB前端
图片自动等比例缩放css: max-width:100%兼容IE6、IE7、IE8、Firefox
CSS的防止图片撑破页面的代码,图片会自动按比例缩小适应当前容器的宽度。

max-width, min-width, max-height 和 min-heigh是CSS2的属性,它工作于IE7以及更高版本和或者Mozilla Firefox、Chrome等支持CSS2的浏览器,但不能与IE 6和更低版本IE浏览器兼容,比较常用的解决方案是通过CSS表达式让IE6实现相同的效果。例如:如果有一个或多个图像,显示图像的宽度应该有一些限制,即图像不应该有宽度超过760px(假设),那么图像的CSS应为如下:
undefined
同样的方法你可以试试最小宽度、最大高度和最小高度。

补充:
需要注意的是IETester模拟的IE不支持expression表达式,所以如需测试效果需要到真实IE环境。
原文作者:rinald
原文地址:http://fity.cn/post/371.html
互联网技术更新较快,本站很多文章具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请您在转载时保留此出处信息,尊重别人也是尊重自己。

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。