CSS TRICK

1. fixed元素居中

.fixed{
  position: flxed;
  left: 0;
  right: 0;
  margin: 0 auto;
}

2. 隐藏滚动条，但是可滚动

::-webkit-scrollbar{width:0px};

3. 优化字体的显示效果

会优化字体的显示效果，经过实验，貌似是字体变的瘦了一些，颜色稍浅了一些（整体看起来更顺眼一点儿）。 使不使用这个TRICK，还需要你在项目里实验一下看看效果再决定。

html{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
}

4. 构造一个正方形元素

li{
  height: auto;
}
li:before{
  content: '';
  float: left;
  padding: 100%;
}

http://stackoverflow.com/questions/29307971/css-grid-of-squares-with-flexbox