使用场景
html user-scalable失效
//移动端网页需要禁止缩放时,
一般的做法如下代码
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />
但是这个方法在有的ios safari或者chrome上失效,解决办法是在css文件中添加下面的代码
body {
touch-action: pan-x pan-y;
}
如果还没解决问题,在试下下面的代码
body {
touch-action: none;
}