如何在移动设备上设置不缩放?

How to set not to zoom on the mobile device?

这里是测试link:

http://kotechweb.com/ig112

现在的网站正是我想要呈现的方式,一个问题是,如果我设置为

<meta name="viewport" content="width=device-width, initial-scale=1">

在手机上它会缩放

我试着设置

<meta name="viewport" content="width=device-width, initial-scale=0">

但是,这会影响布局,一些块会移动到错误的位置。

所以,我想知道如何设置手机默认不放大? Javascript/jquery如果meta不能满足需求也欢迎

谢谢。

更新:

感谢您的回答。

要么 no scrollable , max scale =1 , min scale = 1, initial width 还是缩放后的版本,这次不能缩小

不好意思混淆了,思路是,width begin能不能正好是device的宽度?然后它没有缩放

或者我需要做的是缩放到最小比例

使用用户可扩展属性

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

user-scalable 参数应该可以做到。

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

否则,您可以将minimum-scalemaximum-scale设置为1.0

刚刚去掉了 initial-scale=1 ,然后就不会缩放了