Ios和安卓的兼容性（一）

╰半橙微兮° 2022-10-10 12:56 152阅读 0赞

1.iOS手机将数字自动识别为电话，变成蓝色，有下划线
      <meta name="format-detection" content="telephone=no">
      安卓识别邮箱，禁止跳转
      <meta name="format-detection" content="email=no" />
    2.iOS延迟聚焦setimeout失效
      暂时未有好的解决方法
    3.ios 页面滑动卡顿
      body{ -webkit-overflow-scrolling:touch}
    4.iOS 部分机型  边框有时显示不完整 
      父容器宽度÷2的值为偶数或偶数.5的时候会出现该bug
      解决：将宽度设为奇数或奇数.5
    5. iOS中文输入法输入英文时，字母之间可能会出现一个六分之一空格
       this.value = this.value.replace(/\u2006/g,'');
    6. 部分安卓手机点击图片会放大
       pointer-events: none; 
    7. 数字转化为汉字
      //将数字（整数）转为汉字，从零到一亿亿，需要小数的可自行截取小数点后面的数字直接替换对应arr1的读法就行了
       convertToChinaNum(num) { 
           var arr1 = new Array('零', '一', '二', '三', '四', '五', '六', '七', '八', '九');
           var arr2 = new Array('', '十', '百', '千', '万', '十', '百', '千', '亿', '十', '百', '千','万', '十', '百', '千','亿');//可继续追加更高位转换值
           if(!num || isNaN(num)){ 
               return "零";
           }
           var english = num.toString().split("")
           var result = "";
           for (var i = 0; i < english.length; i++) { 
               var des_i = english.length - 1 - i;//倒序排列设值
               result = arr2[i] + result;
               var arr1_index = english[des_i];
               result = arr1[arr1_index] + result;
           }
           //将【零千、零百】换成【零】 【十零】换成【十】
           result = result.replace(/零(千|百|十)/g, '零').replace(/十零/g, '十');
           //合并中间多个零为一个零
           result = result.replace(/零+/g, '零');
           //将【零亿】换成【亿】【零万】换成【万】
           result = result.replace(/零亿/g, '亿').replace(/零万/g, '万');
           //将【亿万】换成【亿】
           result = result.replace(/亿万/g, '亿');
           //移除末尾的零
           result = result.replace(/零+$/, '')
           //将【零一十】换成【零十】
           //result = result.replace(/零一十/g, '零十');//貌似正规读法是零一十
           //将【一十】换成【十】
           result = result.replace(/^一十/g, '十');
           return result;
       }
    8. 某些Android手机圆角失效
       解决方案：background-clip: padding-box;
    9. Android: 有加粗字号加大的效果，iOS: 没有以上效果
       h1, h2, h3, h4, h5, h6 { 
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         text-decoration: none;
         font-weight: normal;
         font-size: 100%;
        }
    10. html中元素高度用%, ios中无效，例如padding:4.5%;
    ————————————————
    版权声明：本文为CSDN博主「斯诺伐克」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
    原文链接：https://blog.csdn.net/qw2319205chu/article/details/105528069