1.须要固定头部或者底部的时候,因为ios的fixed定位失效,可选择使用flex布局,最外层盒子,body,html高度为100%,须要固定的盒子给指定高度,剩下的flex:1就能够失效fixed效果,其次,若是须要滚动,能够给须要滚动的盒子加一层div,高度小于须要滚动的盒子高度便可。
2.每次点击须要把盒子的高度滚动到底部,把盒子高度赋值给盒子的滚动高度便可。scrolltop = height便可。
3.ios须要把软键盘换行文本跟换成搜索文本的时候,须要把input包上一层form表单,input的type设置为search便可,提交的时候回刷新页面,使用window.event.returnValue = false;便可阻止刷新
4.图片等比例缩放,能够给img包上一层div,div设置宽高,img使用max-height=100%,max-width=100%,便可等比例缩放。
新更新
5.当使用input输入聚焦的时候,给html设置fixed定位阻止页面滚动以及滚动穿透的时候,input失去焦点的时候,ios会产生页面白屏一瞬间,如何解决?判断失去焦点的时候取消fixed定位便可。
6.ios使用文字渐变的时候须要加上才能生效
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
7.ios有时候使用$router.back()失效,可以使用$router.push()便可。大概是由于公司测试环境网络问题html