正确的图像显示

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