1.需求：给页面添加水印，防止二次拍摄/截图
实现方法：添加遮罩层，设置层级最高（z-index）
进阶：设置css属性：pointer-events: none; 使新添加的水印层不影响下方事件操作。
考虑浏览器窗口大小改变，改变水印覆盖位置。
2.问题：多个元素放在同一行，设置宽度为百分比，总和恰好为100%，但是仍旧出现换行。
可能原因1：html标签间的空白部分占据少量空间
解决方案：①设置父级元素font-size: 0;清除空格/换行带来的影响
② 在html文件里，删除这些标签之间的空格/换行（不推荐）
（持续更新中...）