CSS 字体两小问。

2017-07-31 16:16:30 +08:00
 jmyz0455

看 css 相关的文章时,不时会看到有人提到“不管是移动端还是桌面端,浏览器默认的字体大小就是 16px ”和“字体大小不要用 rem 单位来表示”。

请问第一句话可以在哪里找到根据?

至于第二句话,又是有什么依据呢?

2607 次点击
所在节点    CSS
5 条回复
meepo3927
2017-07-31 16:33:51 +08:00
1. 默认 16px 指的是普通文本,不包括 h1-h6, small 标签。你可以自己实验一下,建一个空的.html 文件,不写任何 css,随便写点文字,然后使用 debug 工具看一下字号大小。

2. 字体大小不要用 rem,这个不是死规定,而是经验之谈,谁说的你可以问问他。总体来说是有利有弊。
P233
2017-07-31 17:36:50 +08:00
第一个问题可以看浏览器的默认样式 https://stackoverflow.com/a/3980775
jmyz0455
2017-08-01 07:58:51 +08:00
@meepo3927 我是写过才问的,firefox 下只显示了

html, * {
-moz-user-select: text;
}

chrome 显示的是

element.style {
}
user agent stylesheet
body {
display: block;
margin: 8px;
}

就没了。
jmyz0455
2017-08-01 08:16:31 +08:00
@P233 这份文件我看过,特别是 webkit 的( http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css )。

但是里面关于 font-size 的值都是用 em 来表示,写明值为 16px 的属性都是 width 和 height,所以我就更不明白了,请指点。
wwwwzf
2017-11-27 22:08:10 +08:00
字体大小不要用 rem 单位来表示

bootstrap v4 是用 rem 表示字体的。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/379289

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX