[7500号码]rem布局设置页面字体大小

具体来说单纯科学普及呵呵甚么是积极响应式网页。积极响应式网页是沃洛韦齐区依照驱动器的解析度相同，而手动乌祖埃的网页。与此同时，在驱动器解析度发生改变时，也能及时处理手动修正。一来了，是四个字：自适应。

积极响应式网页更为重要是积极响应相同类别的电子设备，所以须要积极响应相同的采用者市场需求。积极响应式的本意是为的是让重要信息更快的传达沟通交流，让其他人无线网络的点对点，与此同时这也是 Web 的本意。

当他们每晚直面绚丽的网络当今世界的这时候，文本更为重要传达给他们为数众多的即复，所以在雕塑家的手上，文本在网页中的排印贯穿着一类表演艺术的感性。

网页中常见的文本大小基层单位是 px(Pixels)，em，那时《CSS Values and Units Module Level 3》中追加了 rem 那个基层单位。

有关该文：CSS3讲义:相较基层单位rem简述

一、那究竟甚么是 rem 呢？

规范化中明晰写到：

Equal to the computed value of ‘font-size’ on the root element.

「rem」是指根原素(root element，html)的调色板，哇的是，从远方的 IE6 到版帝 Chrome 他们都约好了，根原素预设的 font-size 都是 16px。这种两个捷伊基层单位相容性怎样呢？

怪不得，IE9+，Firefox、Chrome、Safari、Opera 的非主流版都全力支持了，我可以装作的采用 rem 了。

不过，W3C 这些混蛋为甚么要很忙上面疼的追加这种两个基层单位呢？它和 em G540差别呢？

他们知道 em 的计算是基于父级原素的，在实际采用中给他们的计算带来了很大的不便。所以 rem 的出现解救了我这种不会算术的人，再也不用担心父级原素的 font-size 了，因为它始终是基于根原素(html) 的。

比如预设的 html font-size=16px，那么我想增设12px 的文本是：12÷16=0.75(rem)

当然，你可以引入 CSS 预处理工具(Sass、LESS 、Stylus等)手动计算 rem 值，这里就不一一举例了。

但是像我这种的懒人或者团队开发中还没有引入?CSS 预处理工具的该肿么办呢？只能搬个计算器啪啪啪了吗？别急，你还可以变通呵呵。他们发生改变呵呵 html 的预设 font-size=10px 不就好计算了嘛！Like this：

html{font-size:62.5%; } body{font-size:12px;font-size:1.2rem ; } p{font-size:14px;font-size:1.4rem;}

须要注意的是，为的是兼容不全力支持 rem 的浏览器，他们须要在 rem 前面写上对应的 px 值，这种不全力支持的浏览器可以优雅降级。其实不用太纠结是预设的?font-size:100%，还是增设为?font-size:62.5%，如果你引入 了 CSS 预处理工具那么自然可以采用预设值，如果由于其他原因采用?font-size:62.5% 也无可厚非，完全可以在 body 中重置回你须要的预设 font-size。

二、为啥要用 rem 呢？

黑夜给了我黑色的眼睛，我将用它寻找关怀。

浏览器中采用者都是可以自定义预设的文本大小的，如果采用 px，采用者自行在浏览器增设中发生改变了文本大小后，网页上是不会变化的。他们不能排除视障采用者(如近视)、老年采用者不会这么做，作为两个具有「人文关怀」的 前端，他们完全可以考虑这些情况。由其是在引入了 CSS预处理工具之后，这几乎不会增加甚么成本。

也再次印证前面提到的：积极响应式网页更为重要是积极响应相同类别的电子设备，所以须要积极响应相同的采用者市场需求。

各个浏览器的增设方法如下：

IE浏览器：按下 Alt 键，打开菜单栏→查看→调色板

Chrome 浏览器：增设→显示高级增设→网页内容

Firefox 浏览器：按下 Alt 键，打开菜单栏→工具→选项→内容选项卡

其他浏览器就不一一举例了……

三、甚么这时候用 rem？

既然 rem 的可用性更快，是不是在所有地方都去采用呢？别捉急，通常在标题，正文等大面积文本的位置可以采用 rem。但是在一些特殊的设计场景，rem 可能会导致产业布局错位，比如这种两个回顶部的按钮：

所以，甚么这时候用 rem，怎样用好 rem？ 这也须要你拿出 18K的黑色乌金睛来照亮整个网页。让他们一起：

抛开产业布局，积极响应文本；抛开成见，积极响应内心。

在直面积极响应式开发的这时候，甚么才是合适的，甚么是不合适的，你真的想好了吗？