用CSS3 vh 简单实现DIV全屏居中

vh、vw、vmin、vmax介绍

• vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%）
• vh：视窗高度的百分比
• vmin：当前 vw 和 vh 中较小的一个值
• vmax：当前 vw 和 vh 中较大的一个值

浏览器兼容性

（1）桌面 PC

• Chrome：自 26 版起就完美支持（2013年2月）
• Firefox：自 19 版起就完美支持（2013年1月）
• Safari：自 6.1 版起就完美支持（2013年10月）
• Opera：自 15 版起就完美支持（2013年7月）
• IE：自 IE10 起（包括 Edge）到现在还只是部分支持（不支持 vmax，同时 vm 代替 vmin）

（2）移动设备

• Android：自 4.4 版起就完美支持（2013年12月）
• iOS：自 iOS8 版起就完美支持（2014年9月）

从目前来看，新的浏览器基本都支持。

    
    
    
    
    



    
我上下左右居中