主页 M

移动端浏览器用css设置图片自适应大小,最简方法

2014-12-30 网页编程网 网页编程网

手机浏览器(移动站点)图片自适应的css代码:手机页面不像pc网站, 尽可能避免使用js脚本, 以避免不同的手机浏览器出现"水土不服"。

手机页面不像pc网站, 尽可能避免使用js脚本, 以避免不同的手机浏览器出现"水土不服"。

手机浏览器(移动站点)图片自适应的css代码:

img{max-width: 100%;height: auto;width: auto\9;}

用max-width设置如果图片尺寸大于当前浏览器尺寸就自动缩放, 图片的高度设置正比缩放, 但是ie8有个比较二的bug就是不支持max-width属性, 而ie7和ie9都支持。

阅读原文
阅读 4636
123 显示电脑版