响应式网页设计：rem和em自适应设置网页的字体大小
“rem”指的是根元素（html）的字体大小。令人高兴的是，他们已经预约从ie6到chrome。根元素的默认字体大小是16px。这样一个新装置的兼容性如何？
ie9，firefox、chrome、safari和opera的主流版本都支持它。我可以自由使用rem。
em的计算是基于父元素的，这给实际应用带来了很大的不便。所以rem的出现拯救了像我这样不会算术的人。他们不必再担心父元素的字体大小，因为它总是基于根元素（html）。
例如，默认的html字体大小=16px，那么我想将12px的文本设置为：12△16=0.75（rem）
当然，您可以引入css预处理工具（sass、less、stylus等）来自动计算rem值，所以这里我不一一给您举例。
但是如果像我这样的懒人或团队没有引入css预处理工具呢？我能移动一个计算器吗？别担心。你可以做些改变。让我们改变默认字体大小=10px的html计算！像这样：
html{字体-尺寸：62.5%/*10÷16=62.5%*/}正文{字体-大小：12px字体大小：1.2rem/*12÷10=1.2*/}p{字体-大小：14px字体大小需要注意的是，为了与不支持rem的浏览器兼容，我们需要在rem前面写上相应的px值，因此，不支持rem的浏览器可以正常降级。其实，不用太担心。这是默认字体-尺寸：100%，或设置为字体-尺寸：62.5%如果引入css预处理工具，自然可以使用默认值。如果您出于其他原因使用字体-尺寸：62.5%可以重置正文中的默认字体大小。
pc端网页当中默认字体为宋体，我们再设计时候需要注意最小中文字12像素必须选择宋体，字的属性选择无。因为中文字只有12像素宋体效果无才能看清。大于12、14我们一般用黑体。最小英文arial可以是9像素一般很少用。移动端ios我们设计字体为苹方，安卓我们就用黑体就可以。
电脑网页的默认字体是宋体。我们在重新设计时需要注意歌曲的字体。必须选择最小12像素的汉字，字符属性为“无”。因为宋体中文只有12个像素，所以只能看得很清楚。当它大于12或14时，我们通常用黑体字。最小的英文宋体可以是9像素，很少使用。对于移动终端上的ios，我们将字体设计为apple，对于android，我们使用粗体字体。
