本文分享了移动端Web开发中的一些实用技巧，包括如何设置视口适应不同设备尺寸、使用touchstart事件替代click事件以提高响应速度、在滚动时禁用touchmove事件防止误触、实现图片居中显示的方法、避免将body高度设置为100%以免在WebView环境下出现问题、动态调整Iscroll5指示器宽度以及获取可视区高度等。
适应设备宽高
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
touchstart代替click
滚动时候时禁用document的touchmove事件
图片居中，把img的display设置inline，父级text-aligin:center
不要把body的高度设置为100%，根据需要设置，在webview里面加载高度会出问题
Iscroll5 的indicator的宽度需要动态给值
可视区高度，window.innerHeight，对于标准设备可以使用window.screen.height
不要使用padding定位，会造成div的缩放
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
