正确的图像显示

Question

因此，我正在创建自己的响应式网站。 我的问题是 - 如何正确设置图像宽度？

图像必须设置最小宽度和最大宽度100％。我试图混合他们那样

max-width: 100%; 
    min-width: 100%; 

但它没有奏效。所以我用这个代码代替

max-width: 100em; 
    min-width: 100em; 

它工作正常，甚至在我的网站上。我最近添加了一些内容，并且滚动条出现问题（以前没有滚动条，内容不足）。图像被设置为显示在100em，但滚动条占用一些空间，所以要看到整个图像，我不得不向右滚动页面。我使用这段代码解决了这个问题，但我不知道这是否是正确的解决方案。

max-width: 98.96em; 
    min-width: 98.9em; 

如果有任何“不太机械”的解决方案，那么请告诉我。

谢谢你的帮助。

Answer 1

我想你不是指em，而是vw - 100vw是全视口宽度。 em是从元素的当前字体大小导出的相对测量单位。