Css 为什么Safari 5会误报EM大小？

我需要确定浏览器的默认字体大小，因为我在布局中使用em，但我也使用了相当多的javascript

问题是，Safari 5的默认字体大小似乎以一种不可预测的方式独立于em宽度

因此，当Safari的默认字体大小设置为14px时，它将1em div报告为16px。但是，它在计算媒体查询时使用14px值。因此，设置为20em的媒体查询实际上将以280px而不是320px启动。这是有问题的，因为在javascript中，我必须提供一个实际的像素值

---

为什么Safari报告1em div为16px宽，而不管默认字体大小设置为多少？为什么该值与媒体查询中的ems值不一致？

这有帮助吗？这是一篇好文章，但不是真的。问题是，我似乎无法找到一种方法来告诉javascript使用的是什么值或em媒体查询。简单的解决方法是以像素为单位设置断点，但我试图避免…哪种版本的Safari？在Windows 7上的Safari 5.1.7中，

em

单元似乎实现正确：当浏览器设置中将字体大小设置为14像素，并且

div

声明为

1em

宽，没有填充和边框时，它是14像素宽如果要在JavaScript中使用像素尺寸，为什么要让基本字体大小取决于浏览器设置？这取决于Mac。我的整个布局都很灵敏，所以我到处都在使用EM。Javascript不适用于ems，只适用于像素。