Css Safari媒体查询应用于最新版本

我定义了一些媒体查询，以更好地支持智能手机和平板电脑。现在我意识到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时相同

---

有人能给我一个解决方案或提示吗？

你能指出发生这种情况的网页吗？扩展@MrLister的请求，也请粘贴一段代码来重现这个问题，也许这可能是另一个与此重叠的媒体查询？