html - 页面按刷新/访问定位左侧为 4:3 纵横比

Question

我已经创建了一个网站点击这里转到该网站

在 16:9 的屏幕上看起来不错，但在 4:3 的屏幕上，当我想访问网站时，页面位于左侧，很奇怪。我需要哪个 HTML 或 CSS 代码来解决这个问题？

Answer 1

的CSS。

您将图片设置为：（示例为header1.png）

element.style {
    position: absolute;
    top: 140px;
    left: 1400px;
}

这意味着1400 px加上图片的宽度，800 px，总共是2200 px。这意味着 4:3 屏幕根本不够宽。而不是使用absolute-positioning 您以动态方式将内容居中（屏幕大小无关紧要）：

center.content {
    width:800px;
    margin:0 auto:
}

你可以在这里玩这个。