前端备忘录

[julytian]

在 CSS 中 pointer-events: none 可以使得鼠标穿透该层，点击到下方元素。

伪元素中使用 content: attr(data-*) 可插入自定义属性中的内容。

单行文字长度自适应，超出长度显示省略号：

.class {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[julytian]

Android 端：UC 浏览器、QQ 浏览器、搜狗浏览器 以及 百度浏览器不支持给伪元素添加 CSS 动画。

在以上浏览器中若出现不太方便调试的 BUG，可使用 Windows 版 Safari 尝试重现。QQ 浏览器和微信现已提供开发者工具。

另贴一段符合我朝特色的 meta：

<meta name="renderer" content="webkit">
<meta name="wap-font-scale" content="no">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta http-equiv="Cache-Control" content="no-transform">