V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
jmyz0455
V2EX  ›  CSS

CSS 字体两小问。

  •  
  •   jmyz0455 · 2017-07-31 16:16:30 +08:00 · 2462 次点击
    这是一个创建于 2432 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    2. 字体大小不要用 rem,这个不是死规定,而是经验之谈,谁说的你可以问问他。总体来说是有利有弊。
    P233
        2
    P233  
       2017-07-31 17:36:50 +08:00
    第一个问题可以看浏览器的默认样式 https://stackoverflow.com/a/3980775
    jmyz0455
        3
    jmyz0455  
    OP
       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
        4
    jmyz0455  
    OP
       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
        5
    wwwwzf  
       2017-11-27 22:08:10 +08:00
    字体大小不要用 rem 单位来表示

    bootstrap v4 是用 rem 表示字体的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3080 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 12:44 · PVG 20:44 · LAX 05:44 · JFK 08:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.