媒体查询和`rem在Safari 5.1中不起作用

Question

我正在为响应式Web应用程序进行全面的浏览器测试，并且我的Safari 5.1.7中没有计算任何媒体查询。以下是几个例子：

@media all and (min-width:42rem) and (max-width:45rem)

@media all and (min-width:72rem)

我的所有媒体查询都是这样的。

有什么想法吗？

Answer 1

似乎在Safari 5.1中，尽管它同时支持媒体查询和rem，但它并不支持它们。将媒体查询中的rem切换为em，您就会很好。

这很令人沮丧，但是，像我一样，你在SASS或LESS变量中存储了很多宽度/断点以便于重用，并将它们用作断点和宽度，后者其中1rem可能不等于1em。解决这个问题的方法是将font-size:1rem添加到父元素以确保1em等于1rem，但这并不总是可行。