【发布时间】:2015-12-15 00:08:30
【问题描述】:
我希望得到一些帮助...我有一个设置为响应式的网站,它适用于所有浏览器和移动设备,除了一些较新的移动 Safari 浏览器。我已经在 iPad 和 iPhone 4 以及 Android 平板电脑和手机上尝试过这个,它只出现在一些 iPhone 5 和 6 上。视口设置为: meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> 并且内容设置为 width: 100%;在一个div中。您可以在此处查看结果的屏幕截图:http://davewhitemultimedia.com/images/mobile_iOS_issue.png。我尝试设置 scale-1.1 等,使用 javascript 到不同的页面,我将宽度设置为 580px,但发生了同样的事情。不幸的是,我没有这样的设备,所以我一直去当地的 Verizon 商店检查不同的东西,看看它们是否可以修复,但这真的很尴尬,我不完全确定我是有时不查看缓存版本。
您可以在http://grandcentremassage.net 看到该页面。同样,除非它是某些 iPhone 上的 Safari,否则您可能看不到问题。提前感谢任何知道问题所在并有解决方案的人。
【问题讨论】: