蓝少个人博客

实迷途其未远,觉今是而昨非

移动前端开发小记

日期:2018-05-14 阅读:190 分类:学无止境 标签: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;
}