vue elementui-admin div 210mm,297mm 固定宽度 手机端不能两指缩小怎么办?能两指放大。

vue elementui-admin div 210mm,297mm 固定宽度 手机端不能两指缩小怎么办?能两指放大。
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=0.1, maximum-scale=2.0, user-scalable=yes"/>
我做成一个纯html5页面缩小放大没问题,但是,是vue页面,为什么不能缩小??,我的页面是210mm,297mm大小

head代码:

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,minimum-scale=0.1,maximum-scale=2.0,user-scalable=1"/>
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= webpackConfig.name %>
  </title>
  <style>
    /*网站cookie提示*/

解决方法:
initial-scale=0.5,就可以了。

阅读 1.8k
1 个回答

你说的是两指缩放还是宽度自适应。
两指缩放html需要添加meta viewport 参数比较多,自己查一下

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=2.0,user-scalable=1"/>

要是宽度自适应的话就不能写固定值了,需要适配方案,使用百分比还是rem,自己考量。
想用rem可以参考一下
https://segmentfault.com/a/11...

推荐问题