其他分享
首页 > 其他分享> > YDOOK: CSS3: div 长宽充满整个屏幕窗口

YDOOK: CSS3: div 长宽充满整个屏幕窗口

作者:互联网

YDOOK: CSS3: div 长宽充满整个屏幕窗口

© YDOOK JYLin


1. 方法1:

.divclass{
  position : absolute;
  width: 100%;
  height: 100%;
  background: rgb(0, 181, 194);
}

YDOOK



2. 方法2:100vw + 100vh

.divclass{
  width: 100vw;
  height: 100vh;
  background: rgb(0, 181, 194);
}

YDOOK



3. 效果对比:

方法1比方法2获得更加窄的边距空白效果。



标签:CSS3,100vw,194,height,width,YDOOK,div,100vh
来源: https://blog.csdn.net/weixin_42255190/article/details/113810370