前端进阶小知识
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端进阶小知识相关的知识，希望对你有一定的参考价值。
1.需求：给页面添加水印，防止二次拍摄/截图
实现方法：添加遮罩层，设置层级最高（z-index）
进阶：注意，需要设置css属性：pointer-events: none; 使新添加的水印层不影响下方事件操作。
2.问题：多个元素放在同一行，设置宽度为百分比，总和恰好为100%，但是仍旧出现换行。
可能原因1：html标签间的空白部分占据少量空间
解决方案：①设置父级元素font-size: 0;清除空格/换行带来的影响
② 在html文件里，删除这些标签之间的空格/换行（不推荐）
（持续更新中...）
以上是关于前端进阶小知识的主要内容，如果未能解决你的问题，请参考以下文章