Html 尝试使div背景图像达到窗口的100%高度，并以div为中心

我正在尝试制作一个页面，在iPad上填充屏幕，在iPhone上有两个黑色边缘，因为纵横比不同

背景图像需要保持固定形状，而不是拉伸

我已经设法使div的背景，正确的大小和形状，但我不能中心它。有人能帮忙吗？

html{
身高：100%；
}
身体{
字体：100%Verdana，Arial，Helvetica，无衬线；
身高：100%；
背景：#000000；
保证金：0；
填充：0；
文本对齐：居中；
颜色：#000000；
}
.oneColElsCtr#容器{
位置：固定！重要；
排名：0；
右：0；
左：0；
底部：0；
右边距：自动；
左边距：自动；
身高：100%；
背景图片：url（“aboutbg.jpg”）；
背景尺寸：自动100%；
背景重复：无重复；
保证金：0自动；
边框：0px实心#000000；
文本对齐：左对齐；
最小高度：100%；
}
.oneColElsCtr#主要内容{
填充：0px；
}
-->

编辑为

background-size:contain; background-position:center;backround-color:#E2AA7B;

将此添加到

#容器

css

---

背景位置：居中
我已经在谷歌浏览器上打开了你的页面，并打开了元素检查器。在“container”div中，放置一个“background position:center；”，使其水平居中。
有两种方法可以水平居中：display:block；保证金：0自动；宽度：100px或
显示：内联块和
文本对齐：居中”。对于第一个选项，您必须指定一个
宽度
。在横向模式下，它不会拉伸，但会从底部切割。这将是计算？背景大小：包含；背景位置：中心；背面颜色：#E2AA7B；这类作品——它将背景居中，但我需要div居中并显示整个图像，因此内容将显示在图像的顶部。这与使主要内容高度为100%，宽度为75%的作品一起——感谢这类作品将背景居中，但我需要div居中并显示整个图像
background-size:cover;

background-size:contain; background-position:center;backround-color:#E2AA7B;