响应性设计-与较小的浏览器相比，iPhone上的站点显示方式有所不同

我已经向添加了一些媒体查询，当我将浏览器窗口最小化到最小时，这些查询将正确显示。不幸的是，当我浏览其中一个内部页面时，原来的设计显示在iPhone上。在我的浏览器中进行测试时，无论我在哪个页面上，网站都能正常工作

注意：要进行测试，请将浏览器的宽度减至最小，以显示所需的移动站点

我完全被难住了。有人能告诉我为什么iPhone似乎在加载旧的CSS，而浏览器本身却在加载当前的CSS

---

谢谢

确保包含如下视口元标记：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

---

确保包含视口元标记，如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

有人能告诉我为什么iPhone似乎在加载旧的CSS，而浏览器本身却在加载当前的CSS

你可能会回答你自己的问题。这显然是一个缓存问题，因为我在手机和桌面浏览器上都看到了同一个站点

尝试清除移动浏览器的缓存。如果使用Safari，请转到设置>Safari>清除Cookie和数据。如果您使用Chrome或任何其他第三方浏览器，通常可以在应用内设置页面下清除本地文件

有人能告诉我为什么iPhone似乎在加载旧的CSS，而浏览器本身却在加载当前的CSS

你可能会回答你自己的问题。这显然是一个缓存问题，因为我在手机和桌面浏览器上都看到了同一个站点

---

尝试清除移动浏览器的缓存。如果使用Safari，请转到设置>Safari>清除Cookie和数据。如果您使用Chrome或任何其他第三方浏览器，通常可以在应用内设置页面下清除本地文件

我认为这可能是问题所在，但我已经在中添加了这个。-非常感谢你的帮助！我认为这可能是问题所在，但我已经在中添加了这个。-非常感谢你的帮助！它与您手机上的预期有什么不同？对我来说，瘦桌面版看起来和我的iPhone一样。可能是缓存问题？它在主页上工作正常，但会加载内部页面的桌面版本。我甚至在网上尝试过模拟器，它似乎也这么做了。我在内部页面上看不到viewport标记，只在主页上看到它。它与您手机上的预期有什么不同？对我来说，瘦桌面版看起来和我的iPhone一样。可能是缓存问题？它在主页上工作正常，但会加载内部页面的桌面版本。我甚至在网上尝试过模拟器，它似乎也这么做了。我在内部页面上看不到viewport标记，只在主页上看到它。