css - 如何在浏览器窗口的边界(垂直和水平)中保持居中的 div？

Question

我正在努力使图像和链接始终保留在浏览器窗口中。这是site .在 iPad 上加载时，居中内容比窗口大，如图所示 .

我希望它显示为 (显然没有黑色边框)。这可能吗？

Answer 1

在没有任何额外标记的情况下使元素居中的技巧是使用 translate:

div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

这是 fiddle :http://jsfiddle.net/QE8KV/

---

附注不要忘记供应商前缀。