已关闭。此问题为opinion-based。当前不接受答案。
**想要改进此问题吗?**请更新此问题,以便editing this post可以用事实和引文来回答。
5年前关闭。
Improve this question
我知道我们都可能使用之前62.5%作为字体大小,我们用这个旧的IE版本做正确的缩放比例。
所以,我理解为什么它是这个值,以及它是如何处理“em”的。我不理解的是为什么人们仍然使用它?特别是当他们的设计无论如何不尊重用户字体设置。
我没有什么反对它时,它使用了一个聪明的方式,像那些一个网站很好的例子http://www.polarfoundation.org/它完全尊重用户的字体设置和调整显示,所以在这里它是绝对需要的,所有罚款.
这里是一个相反的例子,http://froont.com/,它与用户的字体设置无关,所以如果用户,例如,在浏览器默认设置中有一个超大字体,他们的设计简单地变坏了。所以如果他们无论如何都要根据“62. 5%”的神奇值(即“10 px”)进行设计,并从这一点开始计算所有其他值,为什么不简单地用“10 px”代替“62. 5”这种方式设计不会被打破,现在所有的浏览器都可以处理缩放的“像素”没有任何问题。
所以问题是:
- 我错过什么了吗?
- 是否有真实的的原因仍然使用“62.5%”而不是“10 px”?
- 使用“62.5%”而不是即使设计被破坏(根据示例)是否有一些好处?
因为对于上面的例子,我觉得愚蠢的理解为什么他们这样做,如果它不正确的工作。
更新1:
它和font-size:62.5% vs. font-size:10px没有关系。我知道所以62.5%在很多点上等于10 px,我知道区别是什么。我不是在说IE行为,因为它是相关的。另外,我很感兴趣为什么它在不需要的时候使用。
请在评论前阅读问题。
1.它与缩放无关,看第二个例子,它被用作10 px的魔术点,它特别打破了缩放的一切
1.这与黄金法则无关,62.5%的人习惯于使用10 px的基本字体,以便于计算
更新2:
下面是两个例子在不同的默认浏览器字体大小的图像。我希望他们能更多地解释我的意思。
很好的示例,正常默认字体大小(16 px):
很好的示例,大默认字体大小:
在这个例子中,一切都很好,他们不使用魔术值,但完全尊重默认浏览器字体,所以一切都很好,即使字体改变。
错误示例,正常默认字体大小(16 px):
错误示例,默认字体大小过大:
这就是一切出错的地方,因为他们用“62. 5%”来假设它变成“10 px”。但是如果他们只按原样使用“10 px”一切都还好,那么为什么他们和其他许多人仍然不假思索地使用“62. 5%”呢?
3条答案
按热度按时间dgiusagp1#
简短的回答:
62.5%在大多数浏览器中等于10px,因此它使计算REM单位变得更容易。
我不声明
html { font-size: 10px; }
的主要原因是,如果一个视障用户重置了他们的基本浏览器大小(向上或向下),我想尊重这一点,所以我希望我的网站的排版与他的默认浏览器设置成比例。详细答案:
10px是一个小得可笑的字体大小。然而,如果你明智地应用它,它有一些实用性。
通过将根(HTML)字体重置为62.5%,我可以使用神奇的1rem = 10px公式计算所有的REM单位
然后,我使用EM(
body { font-size: 1.6em }
,与62.5%的数字成比例,现在很容易看到这是16像素)将body重置回默认字体大小从那里,所有的单位都可以声明为em或REM单位,与根字体大小成比例。
kupeojn62#
开发人员用它来简化设计,默认的字体大小是16 px,所以他们将正文字体大小设置为62.5%,因此:
Body font-size = (62.5/100)*16
=10px
现在作为人类,我们发现使用十进制系统非常容易,用10来理解分数也很容易,所以响应式设计变得更容易了!
顺便说一下,我建议你在正文中显式地使用
font-size: 10px;
,因为所有浏览器的默认字体大小可能不是16 px。希望我能帮上忙:)
bvk5enib3#
经过几天的挖掘,询问朋友和寻找,我得到了下一个结论:
1)一些开发人员在不了解其工作原理的情况下使用此解决方案
2)他们中的一些人将其作为其他框架的一部分,但他们仍然不知道它是如何工作的,可能也没有看过指导方针
3)他们中的一些人计划去与灵活的设计,但忘记了这一点,并离开了这个东西是
所以是这样的。