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

Responsive Design: CSS Not loading on Iphone 5 Safari

我正在寻找我的网站 (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 开发人员工具中模拟 iPhone 5 设备正确显示网站,而实际上页面不显示 CSS 设计。

这里是: False Responsive Design Screenshot

知道我需要寻找什么,因为我 运行 没有可能的想法。

下载 bootstrap 到您的网络服务器并在页面中包含路径,这样就不必依赖其他可能出现故障的来源。这应该可以解决您的问题,如果不能,请尝试 Cordova。您的 phone 可能被 bootstrap 站点阻止,因为它正在通过移动网络或类似网络进行访问。

来源:个人经历

此致, 专业版

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