达维营-前端网在使用手机浏览器过程中，我们常常发现，有些手机浏览器是可以自动压缩图片，让图片在手机上刚好适中显示的。而昨天在测试一个应用时发现，由于安卓4.4以上系统更换了webview内核，常常宽度是500px的图片在大分辨率手机上反而不如小分辨率手机上显示的效果后。在无法缩放的内置浏览器中常常有一半图片显示在右边，要向右滑动才可解决。
在网上搜索说可以通过设置width=device-width ,但是发现在文章中添加这样的属性要么没效果，要么图片被拉伸。
经研究后发现，其实解决办法很简单，只需要用max-width:100%即可。如果是在文章中添加的话在你文章内容前一句以html下添加下面这段话即可：
<style>img{max-width:100%}</style>
然后到手机上就能看出效果了。当然最好的解决办法是在网页css中添加，这样每篇文章中就不用手动添加了。