wap网页图片适配解决方案

2019独角兽企业重金招聘Python工程师标准>>>

切图适配（shipei.qietu.com）讯：关于网页移动适配，如何解决图片在不同分辨率下正常显示呢？有208176、 320240、480320、600480、800600、1024768 六种分辨率图片，本来想获取手机分辨率宽度后，给出一个最适合宽度图片，问题是图片显示时，被浏览器自动放大了，导致文字和图片排版不正确 如480分辨率宽，系统返回600*480图片，但是图片会自动被放大，在图片标签里设置图片宽度也不管用，这里切图微适配 weishipei.qietu.com提供简洁而有效的解决方案：

img{max-width:100%}

将这句话加到网页的css文件中，即可解决这个问题，这个原理是设置图片的最大宽度为100%——也就是当图片大小大于浏览器窗口的时候，它的宽度会变成100%，也就是浏览器窗口的宽度。

切图适配通过长期的web前端开发技术积累，为所有网站提供专业的网页适配服务！合作请致电：4000-724-120

转载请注明来源：http://qietu.com/wap-page-picture-adaptation-solutions

转载于:https://my.oschina.net/cloveflower/blog/309341