网站 CSS 和字体大小 - 最佳实践
在我的网站 CSS 中，我使用 EM、PX、PT 和百分比来设置字体大小。
我也在使用 JQuery UI，它使用 EM。
我现在需要将所有字体大小调整为稍小一些。
总而言之，将所有字体大小减小一点最好的方法是什么？我是否应该改变字体大小的方式？
每个人似乎对这个话题都有不同的看法。
In my website CSS, I'm using EM, PX, PT and Percentages to set the font sizes.
I am also using JQuery UI which uses EM.
I have now come to the point where I need to resize all the font sizes to slightly smaller.
All in all, what's the best what of bringing all the font sizes down a bit and should I be changing how I'm doing font sizes to whichever way?
Everyone seems to have a different opinion on this topic.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
据我的理解。你必须做的是这样的：
body{font-size:11px;}这将使1em = 11px现在，你可以在
body{font-size:11px;}中设置字体大小code>em 如：a{font-size:1em;}并对所有元素如h1{font-size:2em;}遵循相同的方式>现在如果您需要增加减小字体大小只需在正文中设置字体大小，例如：
body{font-size:13px;}等。希望有帮助
As per my understanding. What you must do is something like that:
body{font-size:11px;}This will make1em = 11pxNow everywhere you'll set the font-size in
emlike:a{font-size:1em;}and follow the same way to all the elements likeh1{font-size:2em;}Now if you need to increase decrease font size just set the font size in body like:
body{font-size:13px;}etc.Hope that helps
在过去，人们建议使用 em 作为字体，因为旧版本的 IE 不会在缩放时调整文本大小。
如今，所有浏览器都会进行整页缩放，而不仅仅是文本，因此这是一个无关紧要的问题。我建议使用 px 因为它可以给你很好的控制。
In the olden days people recommended using em for fonts, because older versions of IE didn't resize the text on zoom other wise.
Nowadays all browsers do full page zoom instead of just text, so that's an irrelevant concern. I'd recommend using px as it gives you good control.
调整字体大小的最佳做法是 em。因为它与用户客户端分辨率无关。但我在自己的应用程序中使用像素。因为我想以更高分辨率渲染更小的字体。
但根本不建议使用百分比作为字体大小。
您也可以查看此帖子进行比较，
这也会有所帮助：http://kb.mozillazine.org/Em_vs._ex
the best practice for sizing fonts is em. because it is not related to users client resolution. but I use pixels in my own applications. because I want to render smaller fonts in higher resolutions.
but percent is not recommended for font size at all.
also you can see this thread for comparison
also this would help : http://kb.mozillazine.org/Em_vs._ex