首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >font-size:62.5% vs. font-size:10px

font-size:62.5% vs. font-size:10px
EN

Stack Overflow用户
提问于 2011-10-10 22:47:33
回答 3查看 16.8K关注 0票数 25

很长一段时间我一直在用

代码语言:javascript
复制
body {font-size:62.5%;}

在CSS文档中,因为它应该使1em等于10px。然而,我最近注意到,在Internet Explorer中,情况并非如此。因此,我尝试了以下代码:

代码语言:javascript
复制
html {font-size:100%}
body {font-size:10px}

现在,这对我来说就像是一种魔力。我的问题是:

既然我找不到其他人使用它,这个解决方案的缺点是什么?

为了澄清:我稍后在em中指定了我的所有字体大小、宽度、高度等。只是在主体中,我使用10px而不是62.5%

EN

回答 3

Stack Overflow用户

发布于 2011-10-10 23:29:56

你会得到这个问题的两边的论据。我猜大多数人会支持%。但你问的是缺点或陷阱

您将遇到的主要缺点是,如果您遇到的浏览器或设备支持您的像素设置,而不是默认设置的百分比,并且该像素设置碰巧有问题或太小,无法读取。如果浏览器没有为用户提供缩放字体或放大页面机会,那么您可能会有一个潜在的问题。

话虽如此,如今几乎每个浏览器的默认像素都是16px。我不能解释为什么IE在你的情况下会改变它的大小。如果你想要一个像素大小完美的设计,那么使用px,否则我建议使用%。

票数 9
EN

Stack Overflow用户

发布于 2016-06-06 05:18:44

你可以直接使用:

代码语言:javascript
复制
html {font-size:10px}

因此,您可以只使用rem或em,而不需要复杂的计算:1 rem = 10px 2 rem = 20px

票数 1
EN

Stack Overflow用户

发布于 2021-03-19 17:41:21

百分比单位取决于浏览器的设置。在网页可访问性的情况下,大多数浏览器的默认设置为16px等于100%,因此10px等于62.5%。但是,如果你将浏览器的默认字体大小设置为更小或更大,62.5%还不等于10px。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7714543

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档