一些有用的 CSS3 技术(rem、vw、vh、嵌入子集化字体)

嵌入子集化字体

以下文字非图片

真的笑,笑出声。

人生若只如初见,何事秋风悲画扇。

单位:REM

Root EM,其值为根元素上的 font-size,使用 REM 可避免字号层层叠加的情况。

单位:vw & vh

1vh 等于1/100的视口高度。例如:浏览器高度 900px,1 vh = 900px/100 = 9 px。同理,如果视口宽度为 750px, 1vw = 750px/100 = 7.5 px。

在响应式设计中十分有用。

单位:vmin & vmax

vminvmax 关于视口高度和宽度两者的最小或者最大值。

盗张图来说明

vmin

vmax