响应式设计 - iPhone与小型浏览器显示不同的网站

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

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

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

谢谢!

回答:

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

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

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

回答:

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

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

以上是 响应式设计 - iPhone与小型浏览器显示不同的网站 的全部内容, 来源链接: utcz.com/qa/257968.html

回到顶部