css 父节点包含宽度的“分解”以获取页面的完整屏幕w /这个漂亮的实用程序类

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 父节点包含宽度的“分解”以获取页面的完整屏幕w /这个漂亮的实用程序类相关的知识,希望对你有一定的参考价值。

// Source: https://twitter.com/Una/status/951519740840873984

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

以上是关于css 父节点包含宽度的“分解”以获取页面的完整屏幕w /这个漂亮的实用程序类的主要内容,如果未能解决你的问题,请参考以下文章

CSS - Div获取父级的剩余宽度空间

如何仅使用 CSS 使孩子自动适应父母的宽度?

用CSS如何让节点宽度自动填满

JavaScript获取屏可视区域宽高和页面宽高-速查对照表

JavaScript获取屏可视区域宽高和页面宽高-速查对照表

使用 % 获取父维度的 css 问题