一个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%);}