如何设置不放大移动设备?

时间:2016-06-17 18:05:02

标签: javascript jquery css mobile meta

以下是测试链接:

http://kotechweb.com/ig112

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

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

在移动设备上它会缩放

我试着设置

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

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

所以,我想知道如何设置默认不放大移动设备?如果meta无法满足需求,也欢迎使用Javascript / jquery

感谢。

更新

感谢您的回答。

无可滚动,最大比例= 1,最小比例= 1,初始宽度仍为缩放版本,此时无法缩小。

很抱歉让人感到困惑,我的想法是,宽度开始是否恰好是设备的宽度?然后它没有缩放

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

3 个答案:

答案 0 :(得分:4)

user-scalable参数应该这样做。

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

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

答案 1 :(得分:2)

使用用户可伸缩属性

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

答案 2 :(得分:0)

刚刚删除了initial-scale = 1,那么它就不会缩放