1、在index.html中编写meta

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

initial-scale: 设置设备宽度与 viewport大小之间的缩放比例，0.0-10.0之间的正数

maximum-scale: 设置最大缩放系数，0.0-10.0之间的正数

minimum-scale: 设置最小缩放系数，0.0-10.0之间的正数

user-scalable: 如果设置为 no 用户将不能缩放网页，

2、 因为ios，10以上版本的问题不支持meta标签，所以需要单独在js中去设置

<script>
 window.onload = function() {
  document.addEventListener('touchstart', function(event) {
  if (event.touches.length > 1) {
  event.preventDefault()
  }
  })
  document.addEventListener('gesturestart', function(event) {
  event.preventDefault()
  })
  }
  </script>

记录学习中遇到的问题，期望各位大佬多多指教