乐趣区

记录移动端开发坑点

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%,即可等比例缩放。

退出移动版