当前位置:主页 >> 网页特效 >> 正文
移动端浏览器用css设置图片自适应大小,最简方法
阅读:1114 输入:2014-12-30 07:03:11

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

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

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

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

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