Css

CSS实现水平垂直居中可以说是前端老生常谈的问题了，一般面试官问的时候面试者都会回答出来，但是继续追问还有没有其他方法的时候有可能就说不出来了。本着学习知识的目的，特在此纪录CSS实现水平垂直居中的多种方法。

最近工作有一个需求是将一个界面改为响应式布局，由于UI还没有给设计，于是自己先查了一下资料做了一个demo。其实实现响应式布局的方式有很多，利用media实现就是其中一种，但是他也有一些缺点，比如说要对特别的屏幕单独定制样式代码。在我的代码里面我把屏幕分为了三种，代表为iPhone、iPad、PC三种，分别对应着三种不同的样式。