webapp在iOS 7中无法正确扩展 [英] webapp not scaling properly in iOS 7

问题描述

遇到同样问题的人？

content =width = device-width< - 此视口可以将您的网络应用缩放到适当的大小苹果手机。

content = "width=device-width" <-- this viewport is suppose to scale your webapp to the appropriate size in iphone.

虽然我的iphone仍然是i0S 6并且我刚刚更新到iOS 7并且看起来它已经不再工作了....或者它可能是其他东西导致问题？

It works while my iphone is still i0S 6 and I have just updated to iOS 7 and seems like its not working anymore....or perhaps its something else that is causing the problem?

任何人都有任何想法？

现在我正在使用这四个视口

right now i am using these four viewports

content="width=device-width, maximum-scale=1.0" />
<meta name="viewport" content="initial-scale=1.0">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="user-scalable=yes" />`
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

推荐答案

我刚遇到这个问题。事实证明，您必须将视口信息放在一行上。在以前的iOS版本中，视口信息将是累积的。现在它只使用最后一个。

I just ran into this problem. It turns out you have to put the viewport information on one line. In previous versions of iOS the viewport information would be cumulative. Now it only uses the last one.

试试这个：

<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=yes" />

这篇关于webapp在iOS 7中无法正确扩展的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！