我正在使用vh
和vw
单元来设置页面中某些元素的样式。当初始包含的块和视口大小相同时,一切都很好。这就是spec中的内容:
视口百分比长度相对于初始包含块的大小。
但是这样vh
和vw
并不是我想要的大小,因此如何更改初始包含块的大小,以便我的vh
和vw
单位相对于这个新尺寸?
答案 0 :(得分:0)
初始包含块的大小始终与视口相同。您无法更改此大小(通过视口meta标记除外,该标记可能不是您想要的)。
@Pete因为我的页面已经以vh和vw单位设置样式,所以看起来不错。但是我不会将视口大小固定为超过特定的屏幕宽度,以免我的设计无法拉伸。
您要做的是在屏幕超过特定宽度时编写媒体查询,然后将所有使用视口单位的尺寸替换为所需的值。