css重点

pointer-envents 为鼠标穿透，忽略当前层

• auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。
• none——元素永远不会成为鼠标事件的target（目标）。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。实际上默

认就可以穿透当前层，因为pointer-events默认为auto

pointer-events: auto; /* 默认 */
pointer-events: none;

meta 在移动端开发时，我们需要在头部加上一句<meta name="viewport" content="width=device-width, initial-scale=1.0">

• width：控制viewport的大小，可以指定的一个值或者特殊的值，如device-width为设备的宽度（单位为缩放为100%时的CSS像素）。
• height：和width相对应，指定高度。
• initial-scale：初始缩放比例，也即是当页面第一次load的时候缩放比例。
• maximum-scale：允许用户缩放到的最大比例。
• minimum-scale：允许用户缩放到的最小比例。
• user-scalable：用户是否可以手动缩放。