1、安卓手机图片抖动:
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
2、手机端无点击效果
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
user-select: none;
3、js 乘法问题
$scope.shangzheng.toFixed(2) *$scope.shenzheng.toFixed(2)
4、版本检测
var initStyle = window.getComputedStyle(el);
if (initStyle.position === '-webkit-sticky' || initStyle.position === 'sticky') return;
还有 JS 的话 比如检测是否支持 fetch 就检测 if (window.fetch)
functiongetAndroidVersion(ua) {
varua = ua || navigator.userAgent;
varmatch = ua.toLowerCase().match(/android\s([0-9\.]*)/);
returnmatch ? match[1] :false;
};
getAndroidVersion();//"4.2.1"
parseInt(getAndroidVersion());//4
parseFloat(getAndroidVersion());//4.2
5、判断是否来自微信界面: /MicroMessenger/i.test(navigator.userAgent)
6、touch-action: manipulation; 长按不会被选中。
auto
当触控事件发生在元素上时,由浏览器来决定进行哪些操作,比如对viewport进行平滑、缩放等。
none
当触控事件发生在元素上时,不进行任何操作。
pan-x
如果当前元素最近的父元素可以横向滚动时,浏览器只允许在该父元素上进行横向滚动。
pan-y
如果当前元素最近的父元素可以纵向滚动时,浏览器只允许在该父元素上进行纵向滚动。
manipulation
浏览器只允许进行滚动和持续缩放操作。任何其它被auto值支持的行为不被支持。