【问题标题】:Does the <html> contain the browser's default font-size?<html> 是否包含浏览器的默认字体大小?
【发布时间】:2016-04-15 12:48:04
【问题描述】:

我确实搜索了很多,但我找不到明确的答案。我想根据规格使用rem

rem 单位是相对于根元素或 html 元素的。

所以我的问题是:

&lt;html&gt; 标签的字体大小属性会覆盖浏览器的默认字体大小吗? 根据该假设设置我的元素的rem 是否可靠?

例如一些中国用户将浏览器的默认字体大小设置为 12px,而欧洲用户通常为 16px。我希望我的设计能够正确缩放两者。如果&lt;html&gt; 标签包含此设置,则使用rem 进行可扩展设计会相对容易。

【问题讨论】:

  • 也许在你的 CSS html,body 你的默认大小上是一个很好的 ideia 设置,然后你可以在两个浏览器中设置相同的大小,例如:html,body{ font-size: 12px; }
  • @LuisP.A.这并不总是可能的。我的设计可以注入其他人的页面。想象一个横幅。

标签: html css


【解决方案1】:

我可能没有完全理解你的问题,在这种情况下,我很抱歉。
无论如何,我希望这会有所帮助。

1rem 等于html 元素的字体大小。无论您的样式表是否将font-size 分配给html

例如,如果用户有 15px 的默认字体大小,那么样式表会说

div {font-size:2rem}

将显示所有字体大小为 30px 的 div。

另一方面,如果你有这个样式表

html {font-size:12px}
div {font-size:2rem}

那么 1rem 将是 12px,所有 div 都将显示为 24px,而不管用户的默认字体设置如何。

html {font-size:12px;}
div {font-size:2rem;}
This is normal size text
<div>This is a div</div>

因此,如果您希望 1rem 保持用户的首选大小,但仍希望以您选择的大小显示网站的大部分内容,诀窍是不要更改 html 的字体大小,而仅更改 @ 987654330@.

body {font-size:12px;}
div {font-size:2rem;}
This is normal size text
<div>This is a div</div>

免责声明:如果您确实更改了样式表中的 html 字体大小,“最小字体大小”的用户设置可能会搞砸。

另外请注意,如果您自己的默认字体大小不是 12px,您只会看到这两个 sn-ps 之间的区别!

【讨论】:

    猜你喜欢
    • 2012-12-25
    • 1970-01-01
    • 2013-02-20
    • 1970-01-01
    • 2020-10-06
    • 2015-06-13
    • 1970-01-01
    • 2017-02-17
    • 1970-01-01
    相关资源
    最近更新 更多