2015-12-15 71 views
0

我希望得到一些帮助...我有一个网站设置为响应,它适用于所有浏览器和移动设备,除了一些新的移动Safari浏览器。我已经在iPad和iPhone 4以及Android平板电脑和手机上尝试过这一功能,并且仅在某些iPhone上显示。5 & 6.视口设置为:meta name =“viewport”content =“width = device-width ,initial-scale = 1,maximum-scale = 1,user-scalable = no“/>,content设置为width:100%;在一个div中。你可以在这里看到结果的屏幕截图:http://davewhitemultimedia.com/images/mobile_iOS_issue.png。我曾尝试设置scale-1.1等,使用JavaScript到不同的页面,其中我将宽度设置为580px,但发生同样的事情。不幸的是,我没有一个这样的设备,所以我一直去当地的Verizon商店检查不同的东西,看看它们是否是一个修复,但它真的很尴尬,我不完全确定我是不是在某些时候查看缓存版本。在移动iOS中的响应式设计

您可以在http://grandcentremassage.net看到该页面。再说一遍,除非是某些iPhone上的Safari,否则您可能看不到问题。提前感谢任何知道问题出在哪里并有解决方案的人。

回答

0

好吧,我找到的答案很简单,它在视口元标记中添加了“缩小到适合=否”。我推荐这种响应式页面设计: