代码之家  ›  专栏  ›  技术社区  ›  pop850

iPhone4元标签

  •  1
  • pop850  · 技术社区  · 14 年前

    <head>

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>

    这(假设)限制了页面的缩放,因此用户无法放大。在4.0之前的iOS版本上,这个标签是受尊重的-但是iOS 4.0+版本完全忽略它,并允许您放大所有您想要的。此外,如果你旋转,iPhone4会奇怪地自动放大。

    所以我要问的是,我如何才能“锁定”我的应用程序的缩放? 有人能给我指出正确的方向吗?

    2 回复  |  直到 14 年前
        1
  •  1
  •   lemp    13 年前

    如果在辅助功能设置中启用了缩放功能(在“常规”中),Safari似乎会忽略viewport meta(仅在ios4上的iphone4上测试)。

    更改设置后需要重新加载页面。

        2
  •  1
  •   Sam    13 年前

    打字错误?使用逗号。

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

    另外,如果要固定视口,为什么要使用“最大比例”? 如果使用“width=device width”,则iphone3和iphone4之间的视口将不同。

    你也可以试试这个: <meta name="viewport" content="width = (your page width), user-scalable = no"/>