html - 响应式 App : which font-size units em vs. px vs. pt vs. percent

Question

我正在使用 HTML 和 CSS 构建一个针对台式机、平板电脑和手机的响应式应用程序，但我不确定应该使用什么单位字体大小才能使字体适合任何尺寸的屏幕。 em、px、pt 和 percent 之间有什么区别？什么是最适合我的选择？

我想在桌面、平板电脑和手机的响应式应用程序中听到关于它的真实体验

如有任何帮助，我将不胜感激!

Answer 1

您可能想看看这篇文章:little link .

更新:这里有一些关于这如何适用于您的情况的解释:

• px:像素是设备显示屏中的一个小方 block (通常)，一次只能显示一种颜色。你的screen resolution指定您的屏幕/显示器由多少像素组成。因此，当您指定:font-size: 12px; 时，您基本上是在告诉浏览器每个字母的高度应为 12 像素(大约——不同字母的高度略有不同，但相对差异被保留)。
• percentages: font-size: 50%; 将元素的字体大小设置为其父元素字体大小的 50%。
• pt:1pt(点)是 1/72 英寸。设置 font-size: 12pt; 将字符的高度设置为 12/72 英寸(同样，不同的字符略有不同)。
• em:em是所选字体中字母'm'的宽度，与百分比基本相同，只是1em是100% 和 1.5em 是 150%。

因此您的选择可能是 px，因为它会保留文本大小与其他大小元素的逻辑比例。