如何防止在移动浏览器上缩放和移动页面?

时间:2013-08-06 15:09:41

标签: php javascript jquery html mobile

在标题中,我正在寻找工作scrypt来阻止缩放,如果可能阻止移动页面,它可以是JQuery,JavaScript,HTML甚至PHP。

我试过了 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0>" 但没有工作。期待有用的想法。

4 个答案:

答案 0 :(得分:1)

试试这个:

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

答案 1 :(得分:0)

您的上述代码应该有效。 这通常对我有用。

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

Here's some documentation

答案 2 :(得分:0)

这个元标记对我来说很好。

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

此问题的答案描述了如何在safary中关闭移动页面: Mobile Safari: Disable scrolling pages "out of screen"

答案 3 :(得分:0)

问题是您的user-scalable=0属性。

应为user-scalable=no

  

user-scalable -   确定用户是否可以放大和缩小 - 用户是否可以更改视口的比例。设置为yes以允许缩放,设置为no以禁止缩放。 默认值为yes   将用户可扩展设置为“否”还会阻止在输入字段中输入文本时滚动网页。   适用于iOS 1.0及更高版本。

Apple Safari Dev