IOS和安卓的兼容性 (二)

1.iOS手机将数字自动识别为电话,变成蓝色,有下划线
  
  安卓识别邮箱,禁止跳转
  
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%;

你可能感兴趣的:(前端)