问题:
-webkit-tap-highlight-color
去除移动端点击事件出现的背景框:
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。
-webkit-tap-highlight-color: rgba(240,240,240,0.7);
body设置height:100%;不生效
解决方案:
html标签添加height:100%;
边框阴影
box-shadow: 2px 2px 1px #adabab;
Focus
touch拖动时出现以下警告
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080
解决方案:
被拖动div添加css:
touch-action: none;