2013-05-29 44 views
0

我已将一些媒体查询添加到my site here,当我将浏览器的窗口最小化为最小尺寸时,它会正确显示。虽然不幸的是,当我导航到其中一个内部页面时,原始设计在iPhone上显示。在我的浏览器中进行测试时,无论我在哪个网页上,该网站都能正常运行。响应式设计 - iPhone与小型浏览器显示不同的网站

注意:要进行测试,请将浏览器最小化到最小宽度,以显示他们想要的“移动网站”。

我完全难住了。有人能指点我为什么iPhone似乎加载旧的CSS,而浏览器本身正在加载当前的CSS?

谢谢!

+0

它在手机上的外观与预期的外观有何不同?对我来说,瘦身桌面版本看起来和我的iPhone一样。也许是缓存问题? – bendytree

+0

它在主页上正常工作,但加载了内部页面的“桌面版本”。我甚至在网上尝试过仿真器,它似乎也这样做。 –

+0

我在内部页面上看不到视口标记,只能在主页上看到它。 – bendytree

回答

0

可能有人请点我的方向,为什么iPhone似乎加载旧CSS,而浏览器本身就是加载目前的CSS?

你可能会回答你自己的问题。这绝对看起来像一个缓存问题,因为我在移动和桌面浏览器上都看到了同一个网站。

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

3

请确保您有一个视meta标签是这样的:

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

我认为这可能是问题,但我已经添加了这个。 - 非常感谢你试图帮助,虽然! –

+0

谢谢男人这解决了我的问题:) –

相关问题