看 css 相关的文章时,不时会看到有人提到“不管是移动端还是桌面端,浏览器默认的字体大小就是 16px ”和“字体大小不要用 rem 单位来表示”。
请问第一句话可以在哪里找到根据?
至于第二句话,又是有什么依据呢?
1
meepo3927 2017-07-31 16:33:51 +08:00
1. 默认 16px 指的是普通文本,不包括 h1-h6, small 标签。你可以自己实验一下,建一个空的.html 文件,不写任何 css,随便写点文字,然后使用 debug 工具看一下字号大小。
2. 字体大小不要用 rem,这个不是死规定,而是经验之谈,谁说的你可以问问他。总体来说是有利有弊。 |
2
P233 2017-07-31 17:36:50 +08:00
第一个问题可以看浏览器的默认样式 https://stackoverflow.com/a/3980775
|
3
jmyz0455 OP @meepo3927 我是写过才问的,firefox 下只显示了
html, * { -moz-user-select: text; } chrome 显示的是 element.style { } user agent stylesheet body { display: block; margin: 8px; } 就没了。 |
4
jmyz0455 OP @P233 这份文件我看过,特别是 webkit 的( http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css )。
但是里面关于 font-size 的值都是用 em 来表示,写明值为 16px 的属性都是 width 和 height,所以我就更不明白了,请指点。 |
5
wwwwzf 2017-11-27 22:08:10 +08:00
字体大小不要用 rem 单位来表示
bootstrap v4 是用 rem 表示字体的。 |