如何在移动设备上设置不缩放?
How to set not to zoom on the mobile device?
这里是测试link:
现在的网站正是我想要呈现的方式,一个问题是,如果我设置为
<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-scale
和maximum-scale
设置为1.0
刚刚去掉了 initial-scale=1 ,然后就不会缩放了
这里是测试link:
现在的网站正是我想要呈现的方式,一个问题是,如果我设置为
<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-scale
和maximum-scale
设置为1.0
刚刚去掉了 initial-scale=1 ,然后就不会缩放了