Question

我在HTML中使用vw（view-width）和vh（view-height）作为css width-和heigh-values的标签。

一旦浏览器达到一定宽度（820px或更低），我希望所有TAGS保持不变。我基本上想要＆＃34;冻结＆＃34;该网站就在那个宽度上。

我尝试使用媒体查询，将所有标记的容器设置为宽度820px。它实现了我想要的目标，但是当我使网站变窄时，所有使用vw的标签仍然在缩小。

有没有办法在不改变所有vw / vh值的情况下停止此效果？

非常感谢！

Answer 1

对于使用vw调整大小的任何元素，您需要在希望它停止缩小的位置设置min-width。例如：

.container {
   min-width: 820px
   width: 100vw;
   height: 100vh;
}