一个position为fixed的div，宽高自适应，怎样让它水平垂直都在窗口居中？

.div{
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}