我在HTML中使用vw(view-width)和vh(view-height)作为css width-和heigh-values的标签。
一旦浏览器达到一定宽度(820px或更低),我希望所有TAGS保持不变。我基本上想要"冻结"该网站就在那个宽度上。
我尝试使用媒体查询,将所有标记的容器设置为宽度820px。它实现了我想要的目标,但是当我使网站变窄时,所有使用vw的标签仍然在缩小。
有没有办法在不改变所有vw / vh值的情况下停止此效果?
非常感谢!
答案 0 :(得分:1)
对于使用vw
调整大小的任何元素,您需要在希望它停止缩小的位置设置min-width
。例如:
.container {
min-width: 820px
width: 100vw;
height: 100vh;
}