分类： HTML

移动端div点击有阴影效果

如果想去掉这部分，可以加入下面的代码

当然这部分也会使用户不能使用长按复制，所以不建议全局使用。针对某一部分来做可能会好一点。

<style type="text/css">
div,a,img {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;
}
</style>

主流手机设备视口尺寸

  • 浏览器下ipad：768*1024 * 微信下 ipad：768*960
  • 浏览器下iphone6s：414*736
  • 微信下 iphone6s：414*672
  • 浏览器下iphone6：375*667
  • 微信下 iphone6：375*603
  • 浏览器下note3 ：360*640
  • 微信下 note3 ：360*576
  • 浏览器下iphone5：320*568
  • 微信下 iphone5：320*504
  • 浏览器下 华为：360*604
  • 微信下 华为：360*540
  • 浏览器下 荣耀：360*592
  • 微信下 荣耀：360*528
  • 浏览器下 iphone4：320*480
  • 微信下 iphone4：320*416**