css - em 和 % 在文本大小调整和固定宽度网站方面有什么区别？ em 比 % 更炒作吗？

Question

em 和 % 在文本大小调整和固定宽度站点方面有什么区别？如果我使用 em 或 % 仅用于固定宽度站点中的文本大小调整，并且正文设置为

{body:font-size:100%}

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

使用 ctrl + 0 在浏览器中调整文本大小的 % 和 em 有什么区别？

哪个更好，为什么应该使用一个而不是另一个？ % 有什么问题，em

有什么好处

请举例说明。

Answer 1

两者都是指定相对 度量的方法。区别在于它们相对于什么。

% 相对于容器

em 是相对于字体大小的

所以对于一个实际的例子，检查这个 em example并增加字体大小(CTRL 和 +)，您会看到包含文本的 div 也增加了它们的大小。

在此其他page ，当您执行相同操作时，div 不会增加它们的大小。

source