Safari远程调试破坏了我的响应式设计

Question

我的网站具有响应式设计，可以在所有设备中完美呈现。但是，当我使用Safari的远程调试时，它不起作用。这些是重现该错误的步骤：

1. 我从iPhone的Safari浏览器打开了网站，看起来像预期的那样。
2. 该网站在使用台式机Chrome，Firefox和Safari的移动设备上也可以正常运行。
3. 我将iPhone插入Mac并使用Safari的远程调试检查器检查网站：Safari>开发>我的Iphone> www.mysite.com iPhone立即呈现错误的设计。元素不遵守其CSS大小设置。
4. 我关闭了检查器，并从iPhone重新加载了网站，并且网站呈现完美。

我有视口设置：

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

我尝试了其他替代方法，但这似乎不是问题。我使用SASS，并且我的CSS文件已缩小。我怀疑SASS出了点问题。

任何建议我都会感激。

谢谢

Answer 1

我更新为Mojave，并且该错误已得到解决。我想我的Safari出了点问题。