摘要：什么是滚动穿透 在弹框上滑动时，会发现弹框下面的内容跟着在滚动，这个就是滚动穿透问题。 在 PC 端，通过在 body 上添加 overflow:hidden; 可以解决这个问题，但是该方法在移动端是无效的，所以我们通常意义上的滚动穿透指的都是移动端。 解决方案 方案一：position: fixe 阅读全文

摘要：我们想要的是<li>元素可以紧贴在一起，但是很显然，结果“出乎意料”。那么有什么方法可以让结果符合我们的预期呢？所能想到的解决方法至少有以下四种，而每种方法也都有其优劣所在，至于要如何选择，就需要取决于实际情况。 方法一：删除空格 之所以有空白，是因为元素之间存在空格（连续多个空格、换行符、制表符在 阅读全文

摘要：Safari 浏览器会为 <input type="passport"> 标签自动添加一个小锁的图标（如下图），本意上是让用户可以从这里选择相应的 用户名/密码 进行自动填充，但是在某些场景下需要将其隐藏，可能是出于安全性考虑，当然也有可能出于 UI 样式方面考虑。 从网上可以搜到很多种有效的解决方 阅读全文

摘要：1. 使用 video 元素的 ControlList API 通过 ControList API，不仅可以通过设置 nodownload 来隐藏下载按钮，还可以设置 nofullscreen 隐藏全屏按钮, 以及noremoteplayback 等属性，具体的示例可以参考 github pages 阅读全文

摘要：在 Safari 中如果想对 <select> 标签设置高度，最常用的方法是设置 -webkit-appearance ，即： -webkit-appearance: menulist-button; 或 -webkit-appearance: none; 从表象上看这是 Safari 的一个 BU 阅读全文