zr9*_*zr9 3 css responsive-design
我知道我们所有人都可能在字体主体大小之前使用了62.5%,我们将其用于旧的IE版本以对缩放进行正确缩放。
因此,我了解了为什么要使用此值以及如何处理“ em”。我不明白的是为什么人们仍然使用它?特别是当它们的设计始终不尊重用户字体设置时。
当它使用巧妙的方式时,我对此没有任何反对,就像那些站点很好的例子http://www.polarfoundation.org/一样,它完全尊重用户字体设置并对其进行调整显示,因此这里绝对需要它并且所有精细。
与示例http://froont.com/相反,它与用户字体设置没有任何关系,因此,例如,如果用户在浏览器默认设置中具有超大字体,则它们的设计就会被破坏。因此,如果他们仍然基于“ 62.5%”的魔术值(即“ 10px”)进行设计,并从该点开始计算所有其他值,为什么不简单地将“ 10px”而不是“ 62.5”放在这种方式中,这样设计就不会损坏,如今所有浏览器可以毫无问题地处理“ px”的缩放。
所以问题是:
我想念一些吗?
是否有真正的理由仍然使用“ 62.5%”而不是“ 10px”?
即使设计被破坏(使用示例),使用“ 62.5%”而不是“ 10px”有什么好处吗?
因为如上例所示,如果我无法正确理解为什么这样做,我会感到愚蠢。
更新1:
它与font-size:62.5%vs. font-size:10px无关。我知道62.5%的分数等于10px,并且知道有什么不同,我不了解与之相关的IE行为。此外,我很有趣,为什么在不需要时使用它。
请在评论前阅读问题。
1)与缩放无关,请看第二个示例,它用作10px的魔术点,并且特别破坏了缩放的所有内容
2)与黄金法则无关,62.5%的字体用于获得10px的基本字体以便于数学
更新2:
这是两个示例的图像,它们使用不同的默认浏览器字体大小。我希望他们能解释我的意思。
正常默认字体大小(16像素)的一个很好的例子:

较大的默认字体大小的好例子:

在这个例子中,他们都没有使用魔术值,而是完全尊重默认的浏览器字体,因此即使字体更改,一切也没问题。
错误的示例默认默认字体大小(16像素):

错误示例,默认大字体大小:

这就是一切都出了问题的地方,因为他们假设“ 62.5%”变成“ 10px”。但是,如果他们仅按“ 10px”使用它,那么一切仍然很好,那么,为什么他们和许多其他人仍然不加考虑地使用“ 62.5%”?
Max*_*yne 14
开发人员使用它来简化他们的设计。默认字体大小为 16px,因此他们将正文字体大小设置为 62.5%。所以:
Body font-size = (62.5/100)*16 = 10px
现在作为人类,我们发现使用十进制系统非常容易。用 10 来理解分数也很容易,因此响应式设计变得更容易!
顺便说一句,我建议您font-size: 10px;在正文中明确使用,因为所有浏览器默认字体大小可能不是 16px。
希望我有帮助:)
在大多数浏览器中,62.5%等于10px,因此可以更轻松地计算REM单位。
我没有声明的主要原因html { font-size: 10px;是,如果视力障碍的用户重置了基本浏览器的大小(向上或向下),我想尊重这一点,因此我希望网站的字体能够按其默认浏览器设置成比例地缩放。
10px是一个非常小的字体大小。但是,如果您明智地应用它,它将具有一定的实用性。
通过将根(HTML)字体重置为62.5%,我可以使用该神奇的1rem = 10px公式计算所有REM单位
然后,我使用EM将正文重置为默认字体大小(body { font-size: 1.6em },与62.5%的数字成比例,现在很容易看到它是16像素)
从那里,所有单位都可以声明为em或REM单位,与根字体大小成比例。