以下是测试链接:
网站现在正是我想呈现的方式,一个问题是,如果我设置为
<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,初始宽度仍为缩放版本,此时无法缩小。
很抱歉让人感到困惑,我的想法是,宽度开始是否恰好是设备的宽度?然后它没有缩放
或者我需要做的是缩放到最小比例。
答案 0 :(得分:4)
user-scalable
参数应该这样做。
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
否则,您可以将minimum-scale
和maximum-scale
设置为1.0
答案 1 :(得分:2)
使用用户可伸缩属性
<meta name="viewport" content="width=device-width, user-scalable=no" />
答案 2 :(得分:0)
刚刚删除了initial-scale = 1,那么它就不会缩放