响应式设计 - 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