CSS字体大小：你使用什么类型的单位重要吗？
显然，点（pt）不应该在网络上使用，只能在印刷媒体上使用。像素（px）应该使用，如果你想要一个完美的像素表示你的网站。百分比（%）和ems（em）的工作原理几乎相同，如果您希望您的站点在缩放等操作时具有可伸缩性，则应使用百分比（%）和ems（em） 五分钟前，我编写了这几行代码，并在Chrome、Firefox、Safari、IE和iPhone5上进行了测试CSS字体大小：你使用什么类型的单位重要吗？,css,font-size,Css,Font Size,显然，点（pt）不应该在网络上使用，只能在印刷媒体上使用。像素（px）应该使用，如果你想要一个完美的像素表示你的网站。百分比（%）和ems（em）的工作原理几乎相同，如果您希望您的站点在缩放等操作时具有可伸缩性，则应使用百分比（%）和ems（em） 五分钟前，我编写了这几行代码，并在Chrome、Firefox、Safari、IE和iPhone5上进行了测试 <html> <p style="font-size:16px;">Dette er en test</p&
<html>
<p style="font-size:16px;">Dette er en test</p>
<p style="font-size:100%;">Dette er en test</p>
<p style="font-size:1em;">Dette er en test</p>
<p style="font-size:12pt;">Dette er en test</p>
</html>
测试
测试
测试
测试
当我放大和缩小时，所有段落的大小都是一样的。那么你使用哪种装置真的很重要吗？我发现了一篇关于这方面的好文章： 他的结论是： 我们的任务是找到一种调整文本大小的方法，允许设计师保持对排版的精确控制，而不牺牲用户调整阅读环境的能力。我们在常用浏览器中测试了各种单元。在ems中调整文本大小和行高，并在正文中指定百分比（以及Safari 2的可选警告），可以跨当前常用的所有浏览器提供准确的、可调整大小的文本。这是一种可以放在工具包中的技术，可以作为CSS中调整文本大小的最佳实践，以满足设计者和读者的需求 Ems可能很难处理，尤其是在深入嵌套元素时，因为很难跟踪数学。然而，很好地评论你的样式表和来自身体内部的样式元素可以使事情更容易遵循。这个更复杂的示例及其附带的样式表演示了如何使用主体作为起点来调整嵌套元素的大小
希望能有所帮助。em单位是最新和即将推出的web字体大小标准，但在实践中，百分比单位似乎为用户提供了更一致和更易访问的显示 当客户端设置发生更改时，文本百分比将以合理的速率缩放，从而允许您保持可读性、可访问性和视觉设计 所以我建议你使用百分比
您可以查看转换，希望能有所帮助。不同的单位在不同的情况下有用。要知道什么时候使用哪个单位，你必须知道他们在做什么。这是非常好的解释，或者如果您愿意（关于%，请参见下文） 以下是MDN对您提到的单元类型的引用： em
此单位表示元素的计算字体大小。如果在font size属性本身上使用，则它表示元素的继承字体大小 px
相对于查看设备。 对于屏幕显示，通常为显示器的一个设备像素（点）。 对于打印机和高分辨率屏幕，一个CSS像素意味着多个设备像素，因此每英寸的像素数保持在96左右 pt
一点（1/72英寸） 百分比是单数，已经 许多长度属性使用百分比，例如宽度、边距和填充。百分比也可以在字体大小中看到，其中文本的大小与其父级的大小直接相关 或其本身的小节： 百分比值始终相对于另一个值，例如长度。允许百分比的每个属性还定义百分比所引用的值。该值可以是同一元素的另一个属性的值、祖先元素的属性或格式化上下文的值（例如，包含块的宽度）。当为根元素的属性设置了一个百分比值，并且该百分比被定义为引用某个属性的继承值时，结果值是该属性初始值的百分比
所以“是的”，选择哪一个很重要，它们在不同的情况下都会产生不同的效果（不管它们通常也会导致相同的结果）。像素对于使用旧浏览器的视力受损的人来说不是很好。其他人不确定，但IE至少不会放大像素大小的文本，这意味着视力低下的人无法从较大的文本中获益。问题不是缩放，而是进入internet选项并设置字体大小。（很老的帖子，但我肯定它也解释了。）请考虑你的问题，“这真的很重要”SoLIKIT辩论/讨论IMO。变焦与改变基本字体大小不一样。EM真的很旧，REM是新的。我应该看看REM，这里：有一些解释和兼容性表如果你从来没有听说过rem，你从哪里知道em是“最新和即将到来的标准”？但是你甚至可以同时使用：ie:
p{font size:16px；font size:1.6rem；}