web开发杂记

web开发杂记

ios

在ios系统浏览器中输入框得到焦点时页面自动放大

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

移动端ios浏览器双指禁止放大页面

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

window.onload = function () {
        // 阻止双击放大
        var lastTouchEnd = 0;
        document.addEventListener("touchstart", function (event) {
          if (event.touches.length > 1) {
            event.preventDefault();
          }
        });
        document.addEventListener(
          "touchend",
          function (event) {
            var now = new Date().getTime();

            if (now - lastTouchEnd <= 300) {
              event.preventDefault();
            }

            lastTouchEnd = now;
          },
          false
        );
        // 阻止双指放大
        document.addEventListener("gesturestart", function (event) {
          event.preventDefault();
        });
      };

兼容性： 字体颜色设置成白色，在Safari浏览器显示黑色？

<meta name="format-detection" content="telephone=no"/>

禁止页面文字被选中

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

npm 报错

ERR! node-sass@4.14.1 postinstall: node scripts/build.js

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass