a { outline:0; -webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none;}
如果是图片区域,可以加: area { outline:0; -moz-outline:0; blr:expression_r(this.onFocus=this.blur())}
input,textarea { border: 0; -webkit-appearance: none; }
select 下拉选择设置右对齐
select option {
direction: rtl;
}
通过transform进行skew变形,rotate旋转会造成出现锯齿现象
-webkit-transform: rotate(-4deg) skew(10deg) translateZ(0);
transform: rotate(-4deg) skew(10deg) translateZ(0);
outline: 1px solid rgba(255,255,255,0)
旋转屏幕时,字体大小调整的问题
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:100%;
}
动画定义3D启用硬件加速
{
-webkit-transform:translate3d(0, 0, 0)
transform: translate3d(0, 0, 0);
}