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;
}

5.ios光标大小的调整?
font-szie 和line-height 大小一致即可,用padding值撑开;

原文地址:https://www.cnblogs.com/panax/p/8650413.html