摘要：弹性布局flex是一个几年前的CSS属性了，说它解放了一部分生产力不为过。至少解放了不少CSS布局相关的面试题 :) 之前网上流行的各种XX布局，什么postion: absolute+margin，float+padding，各种都可以使用flex来取代之。 早两年在使用的时候，还是会担心有兼容性 阅读全文

摘要：背景： 最近因为需要用到绘制类似九宫格的需求，所以研究了一下响应式矩形的实现方案。 有如下几种方案： 实现一个正方形 我们的做法就是使用伪元素的 padding-top: 100% 来撑开元素本身。 因为 pading-top 与 padding-bottom 的百分比取值来自于元素的宽度，所以，设 阅读全文

摘要：什么是calc()?calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能;MDN的解释为可以用在任何长度,数值,时间,角度,频率等处;/* property: calc(expression) */width: calc(100% - 80px);可以用 + - * / 符... 阅读全文

摘要：做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器... 阅读全文