Ios 若干兼容处理

时间:2023-03-09 04:22:17
Ios 若干兼容处理

最后处理兼容真是各种苦逼,还算好,最后解决了,再此总结一下

position:fixed 和 input 的问题?

  1. ios 对position:fixed 的定位处理兼容性不是很好,例如,在同时又input的时候,小键盘会将其定位内容顶起,处理方法:网上有各种方式,我处理是没有用position:fixed ;而是用position:absoutle 代替;

  2. 在使用position:fixed 定位到顶部或底部的时候,内容滚动,会出现定位内容消失,这个时候需要将滚动内容在外层套个

3.ios默认样式会覆盖掉原样式: 放到公共文件里;
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;}

  1. ios input光标定位不准或者覆盖placeHolder字体:

*:not(input,textarea) {
-webkit-touch-callout: none;
-webkit-user-select: none;
}

input{
-webkit-user-select:auto;
}