我是一名设计师，需要帮助来解决我在网站上遇到的问题。为了确保设计保持一致，我只使用了 VW 单元(根本没有使用 PX 单元)。
这很棒，因为我可以调整浏览器窗口的大小，并且设计始终适合(对我的元素至关重要)。
但我正在寻找一种解决方案，以在浏览器窗口变得太宽时“阻止”元素的扩展。在 0 到 1,000 像素宽之间，一切正常。超过 1,000 像素时，元素会变得太大，而在 2,000 像素时就很糟糕了。
我可以添加一个 @media 来告诉浏览器:“超过 1,000 像素宽，您不再缩放元素”。
或者是否有像“initial-scale”或“zoom”之类的参数或我可以使用的任何其他参数来解决这个问题？
我可以在 body 上使用 max-width: 1000px”，但是因为所有元素都设置了 VW 单位，所以它们无论如何都会继续增长。
——————
如果没有真正的解决方案(并且因为我需要从头开始重建网站一次，因为我想提高我的 CSS 知识并清理我的代码)，我应该在我的 V2 上做些什么来解决这个问题，但是保持使用这个如此方便的 VW 单元？
(请容忍我的代码，因为我主要是一名设计师 :(
如果您需要任何其他信息，请随时向我提问。感谢您的关注，祝您一切顺利! :)
让-巴蒂斯特(日内瓦)
最佳答案
据我所知，您应该编写 @media 查询，这样可以轻松解决您的问题并且代码会更短。您使用的 VW 单元是一种很好的做法，因为它会根据视口(viewport)宽度 (VW) 调整组件的大小。您可以添加媒体查询，而不是从头开始重写整个代码，但是如果您想提高知识，最好从头开始，因为熟能生巧。祝您好运
关于html - 只有VW单位的网站，但需要停止扩张，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34238709/