这篇文章是给初学CSS的朋友看的，在问问上看到的一个问题，就是说一个网站，电脑版显示正常，手机显示的时候内容页的图片宽是自适应，但是长把图片拉变形了，我看到代码为.news-container .news-articles-d .article-ed img{max-width:100%; height:auto;}这个代码是没有问题的，显示出来的图是变形的！每个人的习惯，我不是很爱用js来做自适应，因为涉及对方网站我这里用文字说，图片拉长的变形的原因就是，在传图片进去的时候，网站后台默认把长和宽写了进去，出来后的代码里面有类似width="1920px" height="480px这样的值，也就是我们已经定义了图片的高了。而宽是max-width:100%;最大100%，所以图片就拉长了！

本文章由雅安亮戈网络公司原创，欢迎转载