css 新语法

  • 宽高单位

vw:视窗宽度的百分比
vh:视窗高度的百分比
vmin:当前较小的vw和vh
vmax:当前较大的vw和vh

视窗,指的是浏览器可视区域的宽高,也就window.innerWidth/window.innerHeight1vw就是1%的浏览器的宽度。100vw就是整个视窗的宽度。

% 是相对于父元素的大小设定的比率,vw 是视窗大小决定的。

  • display:table/table-cell;   IE8+

table:此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。

table-cell:此元素会作为一个表格单元格显示(类似 <td> 和 <th>)。
可以方便设置上下左右居中,设置在同一行显示,同一行的并列元素高度相同。