移动前端开发小记
日期:2018-05-14 阅读:3245 分类:学无止境 标签:Web CSS
1.在页面中,当内容区域需要展示的内容比较多的时候,就通过滚动来展现。在电脑上我们大多通过拉动滚动条、或者按键盘等方式来滚动,而在移动设备上,则一般是通过手指拖动了,值得注意的是,如果将纯粹的没有针对移动端处理过的web页面直接运行在移动端,则会出现滑动卡顿、不流畅的现象,安卓手机上可能不太明显,但是iOS上就滑动不流畅了。解决办法是给滚动条元素加上如下样式:
.box { overflow-y: scroll; -webkit-overflow-scrolling:touch; }2.在移动端,有时候点击页面上的图片,或者一些元素,会出现阴影。解决办法是给元素加上如下样式:
a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }