- 宽高单位
vw
:视窗宽度的百分比
vh
:视窗高度的百分比
vmin
:当前较小的vw和vh
vmax
:当前较大的vw和vh
视窗,指的是浏览器可视区域的宽高,也就window.innerWidth/window.innerHeight
。1vw
就是1%
的浏览器的宽度。100vw
就是整个视窗的宽度。
%
是相对于父元素的大小设定的比率,vw
是视窗大小决定的。
- display:table/table-cell; IE8+
table:此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
table-cell:此元素会作为一个表格单元格显示(类似 <td> 和 <th>)。
可以方便设置上下左右居中,设置在同一行显示,同一行的并列元素高度相同。