300ms的问题分析以及解决方案

参考资料:https://www.cnblogs.com/ntt273/p/7147334.html

移动端开发一般不用click,而是使用tap点击.

300ms解决方案如下:

方案一:禁止页面缩放(user-scalable)就解决了300ms的点击延迟,缺点,不能缩放了,如图片不能放大了。

方案二:

默认情况下,为了桌面站点能在移动端浏览器正常显示,移动设备浏览器默认的视口宽度一般为980,比设备浏览器宽度大。

双击缩放主要是改善移动端浏览体验,如果能够识别一个网站是响应式网站,那么移动浏览器就可以自动禁用默认的双击缩放行为并且去掉300ms的延迟,如果加上了meta标签(name="viewport" content="width=device-width")浏览器就认为该网站对移动端做过了优化和适配,就无需双击缩放操作了,比方案一好。

猜你喜欢

转载自blog.csdn.net/xingxing12345670/article/details/81183982