响应式设计：Iphone 5 Safari 上未加载 CSS答案

【问题标题】：Responsive Design: CSS Not loading on Iphone 5 Safari响应式设计：Iphone 5 Safari 上未加载 CSS
【发布时间】：2016-04-09 21:20:32
【问题描述】：

我正在寻找原因和提示，为什么我的网站 (Link) 在 iPhone5 Safari 浏览器上使用响应式设计（基于 Twitter Bootstrap）无法正确显示，而它在使用 IE、Chrome 的桌面上完全正常工作或Safari。同样在 HTC 和三星 Galaxy 上，该网站也可以正常运行。

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

&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1"&gt;

两者都不能解决问题。在 Google Developer Tool 中模拟 iPhone 5 设备也可以正确显示网站，而实际上页面没有显示 CSS 设计。

知道我需要寻找什么，因为我已经没有可能的想法了。

【问题讨论】：

在我的 iPhone 5s 上看起来不错。你清除了手机上的历史记录吗？上次我也遇到过这种情况，然后我发现以前的 css 文件已经在我的 iPhone 历史记录中，即使在刷新旧 css 文件而不是新文件后加载。
Maihan，感谢您的检查。我查了一下，我有一部 iPhone 5c，但在这方面我找不到任何类似问题的参考。可以请你分享截图吗？我清除了历史记录并重新启动了手机，但它仍然无法正常工作。
截图如下：imgur.com/a/nj3EN
谢谢麦汉。根据截图，我们摆脱了 Iphone 理论，发现其中一个 CSS 文件存在问题。我们在文件中有一个错误符号 (?)，这触发了完整的 CSS 未正确加载。似乎所有其他设备都能够弥补这个错误..

【解决方案1】：

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

来源：个人经历

问候，亲

【讨论】：

【解决方案2】：

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

【讨论】：