最后处理兼容真是各种苦逼,还算好,最后解决了,再此总结一下
position:fixed 和 input 的问题?
-
ios 对position:fixed 的定位处理兼容性不是很好,例如,在同时又input的时候,小键盘会将其定位内容顶起,处理方法:网上有各种方式,我处理是没有用position:fixed ;而是用position:absoutle 代替;
-
在使用position:fixed 定位到顶部或底部的时候,内容滚动,会出现定位内容消失,这个时候需要将滚动内容在外层套个
;
3.ios默认样式会覆盖掉原样式: 放到公共文件里;
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;}
-
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值撑开;