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

图片自动等比例缩放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环境。

本文最后更新于 2013-05-15 23:31:32 并被添加「css 浏览器兼容」标签,已有 10942 位童鞋阅读过。
本文作者:未来往事
本站使用「署名 4.0 国际」创作共享协议,可自由转载、引用,但需署名作者且注明文章出处

相关文章

此处评论已关闭