Css em和%在文本大小和固定宽度站点方面有什么区别？em是否比%？

就文本大小和固定宽度站点而言，

em

和

%

之间有什么区别？ 如果我使用

em

或

%

仅用于固定宽度站点中的文本大小调整，并且 主体设置为

{body:font-size:100%}

在css中，在可访问性和移动设备友好性方面，固定宽度的文本大小调整的最佳实践是什么

在浏览器中使用

ctrl+0

调整文本大小时，%和em之间有什么区别

哪一个更好，为什么一个要比另一个好？

%

有什么问题？我从

em

---

请用实例说明。

这两种方法都是指定相关度量的方法。区别在于它们与什么有关

%

是相对于容器的

em

与字体大小有关

因此，对于一个实际示例，请选中此

em

，并增加字体大小（CTRL和+），您将看到包含文本的div也会增加其大小

在另一种情况下，当您执行相同操作时，div不会增加其大小

---

一个

em

来自同名的印刷术语。它是当前字体中字母“m”的宽度。如果将宽度设置为，例如，

10em

，则宽度将固定为“m”宽度的10倍

%

是一个整数的百分之一。它描述的大小取决于其潜在最大值。因此，假设在浏览器窗口中查看一个简单的网页，没有列或任何内容，宽度

50%

意味着窗口宽度的一半（50/100）。实际宽度将随窗口的宽度而变化。如果打印出页面，则宽度将更改为纸张上可打印区域宽度的一半

使用哪种尺寸取决于是否需要所述尺寸标注随窗口大小进行调整。如果需要调整，请使用

%

。如果需要保持固定尺寸，请使用

em

编辑：啊，与

字体大小

描述符有关。对于我使用的一些字体，

font size

和

%

使字体大小相对于其父级。身体的父项是什么？我的推荐人没有回答的一个好问题。我假设它是CSS中的更高级别说明符（即将被覆盖的说明符），或者是文档默认值

---

至于

em

，则取ems中的长度（如上所述）并将其转换为字体大小（例如，转换为mm，然后再转换为点）。由于大多数字体的em不等于行高，我不认为

1em

的意思与

100%

相同，我认为最好的选择是以100%的比例声明正文（可能还有HTML元素）的字体大小：

因此，字体大小将与浏览器/用户规范相关。然后为文本及其容器声明em：

div {font-size:1em;width:32em;}

---

正如巴勃罗所说，这允许容器相对于文本进行缩放。因此，如果字体变大，那么容器也会变大，并且无论用户选择的大小，一行中都有相同的单词。30-35 em的宽度是一种允许轻松阅读的宽度，并且您有一个固定的宽度，固定到字体大小。

您能解释一下“em始终与字体大小相关。%s与包含块相关”的意思吗但是我们的第一个示例链接是fluid layout，我说的是firefox中的固定宽度布局，在这两个示例中，div随着文本大小的增加而增加。最近的浏览器调整所有文本（和图像）的大小，而不管它们是如何指定的。这在“技术上”是不正确的，但更有用。@cobol-如果最近的浏览器调整所有文本（和图像）的大小，而不管它们是如何指定的。那么%与em和pxu之间没有区别吗？你能给这两种情况举个例子吗？但是如果我们设置body{font size:100%}，那么em和%都会scale@MikeD.-我认为吉坦德拉是在谈论

em

和

%

在

字体大小方面的差异
div {font-size:1em;width:32em;}