手机移动端特殊样式CSS代码设置

       body {
          width: 100%;
          min-width: 320px;
          max-width: 640px;
          margin: 0 auto;
          font-size: 14px;
          font-family: -apple-system, Helvetica, sans-serif;
          color:#666;
          line-height: 1.5;
      }

div {
          /* css3盒子模型 */
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          max-width: 1000px;/* 最大宽度 */
          min-width: 300px;/* 最小宽度 */
          max-height: 1000px;/* 最大高度 */
          min-height: 500px; /*  最小高度 */
      }
      a {
          /* 点击高亮我们要清除 设置为transparent 透明 */
        -webkit-tap-highlight-color: transparent;
      }
      button {
          /* 在移动端浏览器默认的外观在IOS上加上这个才能去除默认的按钮和输入的样式 */
        -webkit-appearance: none;
      }
      img,a {
         /*  禁用长按页面时弹出菜单 */
          -webkit-touch-callout: none;
      }

项目css可以引入这个Normalize.css 作为预处理css