【问题标题】:Can I change the initial containing block size?我可以更改初始包含块大小吗?
【发布时间】:2019-05-21 03:50:54
【问题描述】:

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

视口百分比长度与初始包含块的大小有关。

但是这种方式 vhvw 不是我想要的大小,那么如何更改初始包含块的大小,以便我的 vhvw 单位相对于这个新大小?

【问题讨论】:

  • 请展示您已经尝试过的内容。设置元素大小很简单,可以使用 css 宽度和高度来完成,但如果不知道您的大小和更多信息,则无法真正回答您的问题。
  • 如果您的意思是一个不是视口的元素......那不是vh/vw 的意思......这些是视口单位
  • 你不能改变初始包含块
  • 如果你想要相对于父级的百分比,为什么不直接使用百分比呢?或者你只是在问如何调整浏览器的大小?
  • @Pete 因为我的页面已经设置了vhvw 单位的样式,而且看起来还不错。但我不想将视口大小固定到超过特定屏幕宽度,这样我的设计就不会拉伸。

标签: html css viewport-units


【解决方案1】:

初始包含块的大小始终与视口的大小相同。您无法更改此大小(通过视口元标记除外,这可能不是您要查找的内容)。

@Pete 因为我的页面已经设置了 vh 和 vw 单位的样式,而且看起来还不错。但我不想将视口大小固定到超过特定屏幕宽度,这样我的设计就不会拉伸。

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

【讨论】:

  • 真是个无赖。是的,我已经通过视口元标记尝试过,但显然这不适用于桌面浏览器。
  • “您正在寻找媒体查询”。我知道,但我只是希望这可以更容易地解决。我现在就在上面。谢谢!
猜你喜欢
  • 2018-05-09
  • 1970-01-01
  • 2010-11-10
  • 2011-02-07
  • 2016-02-26
  • 1970-01-01
  • 2010-12-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多