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

iphone4是否打破了“user scalable=no”?

  •  0
  • dallen  · 技术社区  · 14 年前

    下面的标记太简单了,我很困惑为什么我能在iPhone4上的Safari中伸缩而我却不能。你知道我遗漏了什么吗,或者这是一个bug吗?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=640, user-scalable=no" />
    <title>Title</title>
    <style type="text/css">
    <!--
    body { padding:0; margin:0; }
    -->
    </style>
    </head>
    
    <body>
    
    <a href="example.html"><img src="splash.jpg" width="640" height="960" alt="Click"></a>
    
    </body>
    </html>
    
    4 回复  |  直到 14 年前
        1
  •  1
  •   JackD    14 年前

    我也遇到过同样的问题,有些页面确实有效,但我自己的页面无效。

    问题是框架。如果对内容进行帧处理(例如,通过域主机进行帧转发),则不会使用元标记。

    希望我能帮忙

        2
  •  0
  •   Paul    14 年前

    我以为你必须设置宽度为设备宽度,但我可能错了。

        3
  •  0
  •   Christian Specht    13 年前

    <meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=1;"/>
    
        4
  •  0
  •   Christian Specht    13 年前

    如果您使用的是xhtml结束标记,那么去掉它们,很可能它就可以工作了。如果没有,请添加 preventDefault() 主体标记的处理程序。

    注: preventDefault(); 也将禁用垂直滚动。