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

Question

找了一下发现有这样的position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;width:200px;height:150px;但是我是在div里放了一个img显示图片原图，因为不同图片大小不一，所以这样固定div宽高并不适合。请问有其他方法？

Answer 1

如果可以只考虑支持transform的现代浏览器：
.div{
position:fixed;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}