我在这里向我的网站添加了一些媒体查询，当我将浏览器的窗口最小化到最小尺寸时，它们会正确显示。虽然不幸的是，当我导航到其中一个内部页面时，原始设计显示在 iPhone 上。在我的浏览器中测试它时，无论我在哪个页面上，该网站都能正常工作。
注意：要进行测试，请将浏览器最小化到最小宽度，以显示他们想要的“移动网站”。
我完全被难住了。有人可以向我指出为什么 iPhone 似乎在加载旧的 CSS 而浏览器本身正在加载当前的 CSS 吗？
谢谢！
问问题
2296 次
2 回答
5
确保包含这样的视口元标记：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
于 2013-05-29T12:45:42.233 回答
0
有人可以向我指出为什么 iPhone 似乎在加载旧的 CSS 而浏览器本身正在加载当前的 CSS 吗？
你可能会回答你自己的问题。这绝对看起来像是一个缓存问题，因为我在我的移动浏览器和桌面浏览器上都看到了同一个站点。
尝试清除移动浏览器的缓存。如果您使用 Safari，请转到“设置”>“Safari”>“清除 cookie 和数据”。如果您使用 Chrome 或任何其他第三方浏览器，您通常可以在应用内设置页面下清除本地文件。
于 2013-05-31T12:32:06.010 回答