在视口中调整大尺寸图像而不滑动

Question

我试图在页面中添加图像，但最终图像对于视口来说太大了。 enter link description here 我尝试了一些已发布的方式，但没有一个工作。无论如何，如果不使用固定的宽度/高度

来调整图像大小，就可以做到这一点

Answer 1

尝试在图片上使用max-width:100%。像这样：

＆＃13;

＆＃13;

img {
max-width: 100%;
}

＆＃13;

<img src="http://via.placeholder.com/1700x400" />

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试使用

width : 100%

这里有一些关于您的codepen的更新 https://codepen.io/anon/pen/vjMWYo