font-size: 62.5%的意义

首先，rem是以html为基准。

一般的，各大主流浏览器的font-size默认值为16px,此时1rem=16px。如果此时将rem与px进行换算很麻烦，比如0.75rem=12px。

为了更方便的进行换算（比如1：10），就可以加样式：

html
,body{font-size: 62.5%
}

设置了62.5%以后就有 1rem=10px，便于用rem指定元素的尺寸（比如1.2rem=12px,1.4rem=14px），这样响应式的时候就可以直接改变font-size而无需计算其他各种样式中出现的尺寸了。

用rem定义尺寸的另一个好处是更能适应缩放／浏览。

至于选择62.5%而非10px的原因，主要是兼容性和未来发展趋势的综合考虑，px这个单位的含义已经越来越混乱，几乎无法评估以后的设备是会一直像现在这样对网页上的px做兼容处理，还是让px回归“像素”的本意，但62.5%代表默认字体尺寸的62.5%这个含义基本不会有混乱。

font-size: 62.5%的意义相关推荐

成功解决OSError: cannot open resource self.font = core.getfont(font, size, index, encoding, layout_engin
成功解决OSError: cannot open resource self.font = core.getfont(font, size, index, encoding, layout_engin ...
android设置应用字体大小,在Android应用程序改变的TextView的字体大小从原始设置更改字体大小(Font size...
我想在我的应用程序指定我自己的文字大小,但我有这样一个问题. 当我在设备设置中更改字体大小,我的应用程序的字体大小TextView也会改变. Answer 1: 其实,设置字体大小只影响大小sp . ...
微软2016校园招聘4月在线笔试 hihocoder 1288 Font Size (模拟)
时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 Steven loves reading book on his phone. The book he reads now ...
Font shape `OMX/cmex/m/n‘ in size ＜10.53937＞ not available (Font) size ＜10.95＞ substituted.
Latex在写公式时,报如下错误: Font shape `OMX/cmex/m/n' in size <10.53937> not available (Font) size <1 ...
js获取html font size,JavaScript fontsize方法入门实例（按照指定的尺寸来显示字符串）...
JavaScript fontsize 方法 fontsize 方法返回使用 HTML font 标签中 size 属性定义字体大小的字符串.其语法如下: str_object.fontsize( s ...
python使用matplotlib可视化、使用fontsize参数设置单个图像的字体的大小、使用rcParams.update参数全局设置字体的大小（font size）
python使用matplotlib可视化.使用fontsize参数设置单个图像的字体的大小.使用rcParams.update参数全局设置字体的大小(font size) 目录
html字号的范围,font size大小
font size="+1"里面的数值是什么意思 font size="+1" font size="+2" font size=" ...
html 设置font size,css font-size属性说明
css font-size属性说明发布时间:2009-08-29 19:18:03 作者:佚名我要评论 CSS的字体样式设置相信许多人再熟悉不过,其实字体样式的设置并不仅仅限于我们平时常用 ...
html中font size默认值,HTML basefont size 属性
HTML size 属性 size 属性定义了HTML文档的字体大小,取值可以是数值或者相对值,值域为1-7,1最小,默认值为3,请参考下述示例: 实例规定页面上的默认字体大小: 这是一个标题这是 ...

font-size: 62.5%的意义

font-size: 62.5%的意义

font-size: 62.5%的意义相关推荐

最新文章

热门文章