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 问题