响应式viewport meta标签配置
响应式viewport meta标签配置 <meta name="viewport" content="width=device-width, initial-scale=1.0"> width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 – device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。 height：和 width 相对应，指定高度。 initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。 maximum-scale：允许用户缩放到的最大比例。 minimum-scale：允许用户缩放到的最小比例。 user-scalable：用户是否可以手动缩放。
pageX clientX screenX Differences
Distinguish between screen, page, and client mouse/touch coordinate properties in browsers.
pageX clientX screenX 区别
pageX clientX screenX 区别 screen X screenY 是以我们的电脑屏幕 为基准点测量 pageX pageY 以我们的 文档 （绝对定位） 的基准点 对齐 ie678 不认识 clientX clientY 以 可视区域 为基准点 类似于 固定定位
copyright
Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)