响应式设计: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 没有正确加载。似乎所有其他设备都能够弥补错误。
我正在寻找我的网站 (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 没有正确加载。似乎所有其他设备都能够弥补错误。