正确的图像显示

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 是从元素当前字体大小派生的相对度量单位。