响应式设计:CSS未在Iphone 5 Safari上加载

时间:2016-01-05 22:03:20

标签: html css responsive-design mobile-safari iphone-5

我正在寻找一个理由并暗示为什么我的网站(Link)在iPhone5 Safari浏览器上没有正确显示响应式设计(基于Twitter Bootstrap),而它在桌面上使用IE完全正常工作,Chrome或Safari。同样在HTC&三星Galaxy网站运行正常。

通过谷歌搜索我只能找到2个解决方案 A)清理浏览器的缓存和 B)使用

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

两者都无法解决问题。此外,在Google Developer Tool中模拟iPhone 5设备可以正确显示网站,而实际上页面并未显示CSS设计。

这里: False Responsive Design Screenshot

知道我需要寻找什么,因为我的想法已经用完了。

2 个答案:

答案 0 :(得分:0)

将引导程序下载到您的网络服务器并在页面中包含路径,因此不必依赖可能出现故障的其他来源。这应该可以解决你的问题,如果没有,那就试试Cordova吧。您的手机可能被引导网站阻止,因为它是通过移动网络或类似的方式进行的。

来源:个人经历

此致 PRO

答案 1 :(得分:0)

根据屏幕截图,我们放弃了Iphone理论,发现其中一个CSS文件中存在问题。我们在文件中有一个假符号(?),这触发了未正确加载完整的CSS。似乎所有其他设备都能够弥补错误。