页面设置了禁止缩放，input获取焦点页面还是放大的解决方法

一、问题描述
周六加班的加班狗，一直在解决这个问题；vue项目index.html设置了禁止缩放

  <!-- 设置宽度为设备的宽度，默认不缩放，不允许用户缩放（即禁止缩放），最大缩放比例，最小缩放比例，
        在网页加载时隐藏地址栏与导航栏（ios7.1新增）。 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1, minimum-scale=1, minimal-ui">

但是在表单页input获取焦点时页面还是放大了导致页面滚动；搞了一上午都他妈没搞好，也精确不到问题所在，郁闷死了；中午睡觉灵光一现；

二、解决问题
原来是页面中有div里面引用了保险文档（文档是html没有禁止缩放）；只要打开了这个引入的html；input获取焦点就会放大；这个真是邪门；然后老子就保html文档里的body之外的header等干掉了只留div内的文档引入就搞定了；开心的要死；不写篇博客纪念一下都对不起我自己

三、给大家贴图代码
1、首页禁止缩放了
2、div引入了html文档图（iframe引入文档不会有问题，div的v-html引入会有问题）

3、把引入文档的html里boday外header等标签全部干掉只保留div里文档引入，完美解决问题（其实在引入文档里加禁止缩放标签也行，但是页面里有多个html标签感觉很怪还是干掉的好）

干掉之后的html；干净爽！！！