原文地址:https://www.jianshu.com/p/55e0fca23b4f以下是骚年你的屏幕适配方式该升级了!系列文章，欢迎转发以及分享:骚年你的屏幕适配方式该升级了!（一）-今日头条适配

左右排布的列表，左侧是标签信息，右侧是描述信息。 也欢迎关注这个github项目。 今天上午在B站进行了答疑直播，本文是整理后的文字版。 1. 通配符reset的问题 这是一直偷懒的CSS reset写法，我个人是不推荐这种写法的，一来带来比较多的资源开销，而且这些开销完全是没…

由于本人最近在做一些 growth hacking 的工作，业务上以后可能也会涉及去做一些能够在朋友圈火爆分享的 H5 页面，突然想到去年看到一个网易娱乐年度新闻盘点的 H5 页面非常的新颖，采用画中画的形式依次串联十多个手绘娱乐图片，加上洗脑的“好运来”音乐，让人有很大的分享…

瞬间浮想联翩，一个女神，轻轻地漂浮在水中。开心的拍打着水花，哇靠。。。 我觉得很多人连float是啥意识都不知道，要知道很多特性的原理是和其命名的单词或者字母有密切关联的，不是随便命名的。从名字中可以看到一些当初设计的初衷。 其实我个人理解，浮动造成的最核心的问题就是破坏了文档…

今天偷个懒，不长篇大论，分享几个你可能不知道的 CSS 小知识。 答案你们应该是知道的。 样式选择器中间的空格是什么？它的名字是 —— 后代选择器。 耗能与否取决于项目的体积，但不建议使用没有意义的后代选择器。例如： 因为浏览器首先会找到所有 p 标签，然后再向上查找包含 cl…

CSS Animations 的出现让你在文档和应用上创建不可思议的动画效果成为了可能。但是，有一些你想实现的东西可能并非如此浅显，或者说你不能轻易的想出一种聪明的方式来完成它们。这篇文章包含了一系列的提示与技巧来使得你的工作更加容易，其中包括了如何让一个已经停止的动画重新运行…