关于手机视口的理解

手机端的click事件比较 慢 因为一次事件触发的时候 要等300ms验证是否
有下一次点击事件，如果有的话 则视为双击，所以可能是放大视口
或者弹出辅助菜单功能 所以有bug 所以需要手机touch事件
手机如果不约束视口的话 视口的宽度一般是980px 所以需要约束
视口 后的视口一般是手机的宽度 440px 左右 所以在手机端显示的时候
就可以看到完整的页面效果 这个440px也叫做ideaviewprot
前面的980px 叫做....忘记了 是乔布斯约定的 因为手机网页没有做出来
看PC端口的网页的时候 就会有滚动条 但是不会有大量的留白
touch事件不会有延迟 touchstart touchmove touchend 有三个
touchstart 表示触摸开始 只会触发一次 only
touchmove表示触摸移动 表示手指在screen中滑动的时候开始出发
只有在移动的时候才开始触发 上面的事件必须要dom2.0的方法绑定
addeventlistener（函数，function，false-是否冒泡）
不能用dom0级的方式绑定 addEventlistrener
document.addEventlistener（“touchstrat”，function（event））
这个event中有一个toucher数组 里面标志每次触摸的一个触摸源
信息 里面有位置 force：1
event.touches数组 event.touches.length表示长度
event.touches【i】.clientX 视口距离
page 页面 screen 屏幕

 

转载于:https://www.cnblogs.com/ljy0414/p/11122708.html