前端进阶小知识

1.需求：给页面添加水印，防止二次拍摄/截图

　　实现方法：添加遮罩层，设置层级最高（z-index）

　　进阶：设置css属性：pointer-events: none; 使新添加的水印层不影响下方事件操作。

　　　　　考虑浏览器窗口大小改变，改变水印覆盖位置。

 

2.问题：多个元素放在同一行，设置宽度为百分比，总和恰好为100%，但是仍旧出现换行。

　　可能原因1：html标签间的空白部分占据少量空间

　　解决方案：①设置父级元素font-size: 0;清除空格/换行带来的影响

　　　　　　　② 在html文件里，删除这些标签之间的空格/换行（不推荐）

 

（持续更新中...）

转载于:https://www.cnblogs.com/teLumy/p/7520443.html