我可以更改初始包含块的大小吗?

时间:2018-12-20 15:43:50

标签: html css viewport-units

我正在使用vhvw单元来设置页面中某些元素的样式。当初始包含的块和视口大小相同时,一切都很好。这就是spec中的内容:

  

视口百分比长度相对于初始包含块的大小。

但是这样vhvw并不是我想要的大小,因此如何更改初始包含块的大小,以便我的vhvw单位相对于这个新尺寸?

1 个答案:

答案 0 :(得分:0)

初始包含块的大小始终与视口相同。您无法更改此大小(通过视口meta标记除外,该标记可能不是您想要的)。

  

@Pete因为我的页面已经以vh和vw单位设置样式,所以看起来不错。但是我不会将视口大小固定为超过特定的屏幕宽度,以免我的设计无法拉伸。

您要做的是在屏幕超过特定宽度时编写媒体查询,然后将所有使用视口单位的尺寸替换为所需的值。