按屏幕大小更改图像宽度

Question

我想要添加到网络上的一些图像（图像宽度应该是屏幕宽度）。问题是有很多屏幕意味着每个屏幕尺寸/分辨率之间存在不同。我试图将图像宽度设置为100％但在某些情况下它工作得很好，在某些情况下会扭曲它。有人可以告诉我这个问题的解决方案吗？

Answer 1

将img CSS设置为width: 100%; height: auto;

img {
    width: 100%;
    hegiht: auto;
}

<强> DEMO