Safari媒体查询适用于最近

Question

我定义了一些媒体查询，以更好地支持智能手机和平板电脑。现在我认识到safari比其他浏览器（如chrome或firefox）产生更多问题。最大的问题是我在最大宽度为768px时定义了一个断点，但是safari在576px的宽度上应用了这个规则。

@media screen and (max-width: 768px) {
    .foo { ... }
}

作为视口定义我使用：

<meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0" name="viewport">

对于测试我在开发人员选项中使用“响应模式”，视网膜显示的像素比为2，但问题是相同的，像素比率为1.

有人为我提供解决方案或提示吗？