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