[css]适配iPhone X
在iOS11上，Safari的webkit内核提供了适配iPhone X的大刘海的功能。
viewport-fit
首先是新增了viewport-fitmeta标签，它有3个值，分别是auto(默认值)、contain和cover。
用法是这样的：
标签 css 下的文章
[css]原来移动端浏览器是支持font-size小于12px的
马上就2020年了，作为一个有多年工作经验的前端开发，竟然不知道移动端浏览器支持小于12px的font-size设置。
可能是思维定势，PC端的浏览器对字体大小有限制，就认为移动端同样有限制，竟然没有亲手试试，真是太不应该了。并且，前端同事都是这样认为的……
[css]flex布局中的margin: auto
这篇文章介绍了在普通的布局和在flex布局中，margin: auto的不同点，其最大的区别就是：在flex布局中，margin: auto会让元素在垂直方向也居中，而普通布局中只能让元素水平居中。