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

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

© YDOOK JYLin


1. 方法1:

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

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



2. 方法2:100vw + 100vh

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

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



3. 效果对比:

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



上一篇:excel 单列出勤、查重


下一篇:iOS开发UI篇—无限轮播(循环利用)