移动浏览器相关总结（持续更新）

安卓手机点击a标签去除点击阴影

body{
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
                -moz-tap-highlight-color:rgba(0, 0, 0, 0);
                -ms-tap-highlight-color:rgba(0, 0, 0, 0);
                -o-tap-highlight-color:rgba(0, 0, 0, 0);
                tap-highlight-color:rgba(0, 0, 0, 0);
            }
            Element {
                -webkit-tap-highlight-color:rgba(255,255,255,0);
            }

在微信浏览器中，链接到appstore的跳转全都被屏蔽了（恶心吧），解决办法一是通过跳转到腾讯的微应用（应用宝）中，才能通过它接着跳转到appstore，但是应用宝规定，必须把app上传到他们平台审核通过后才能有这个功能，和苹果商店类似，但是如果没有安卓版本的app，只有ios版本的话也不可以。

解决办法二是当用户点击下载按钮之后提示用户在浏览器中打开，只要不是微信浏览器，其他浏览器都可以跳转到appstore。。。。

解决办法三是扫描二维码进行跳转，这在微信浏览器中是可以的，把链接生成二维码的网站一大堆，随便百度一个就可以了，当用户点击下载按钮之后，弹出二维码供用户扫描，但是问题来了，如果图片不大的话，长按图片是出不来扫描图中二维码那个按钮的，解决办法就是再设置一个全屏的二维码，让它的透明度为0，当用户长按时，其实是点的大的二维码，这样随便按哪都会弹出来扫描图中的二维码那个按钮。。。

在移动端浏览器中，如果给视频video不设置controller的话，视频播放控件依旧会显示出来，很丑，解决办法就是用一个蒙版盖住视频，自己写播放按钮在上面，让视频的透明度为0，给包裹video标签的div设置背景图片，当点击播放时，才让视屏的透明度为1，这样就好看多了。。。

=========================以上为2016年12月27号更新=============================

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有