手机浏览器用css设置图片自适应大小 _博文列表_沙里软件技术园

手机浏览器用css设置图片自适应大小

网络 2014/12/30 13:55:22

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

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

img{max-width: 100%;height: auto;width: auto\9;}
用max-width设置如果图片尺寸大于当前浏览器尺寸就自动缩放, 图片的高度设置正比缩放, 但是ie8有个比较二的bug就是不支持max-width属性, 而ie7和ie9都支持.

阅读(1390) 分享(0)

上一篇: WAP、触屏版网站及APP的区别
下一篇: SQL Server中为标识(IDENTITY)列插入显式值，插入自动编号

精彩推荐

◆ Windows Server 2003操作系统单网卡搭建VPN服务器

◆ PHP中9大缓存技术总结

◆ 微信订阅号授权登录，订阅号怎么实现网页授权登录？

◆ jQuery对应的原生js写法

◆ 国外程序员整理的PHP资源大全

◆ ASP语言使用淘宝接口遇中文字符签名失败解决方法

◆ 大型网站图片服务器架构的演

◆ php+Mysql 高速分页优化，百万至千万级快速分页

◆ 从MyISAM转到InnoDB需要注意什么

◆ 新型DDoS攻击LFA 网易网络被攻击原因