我已经创建了一个网站点击这里转到该网站
在 16:9 的屏幕上看起来不错,但在 4:3 的屏幕上,当我想访问网站时,页面位于左侧,很奇怪。我需要哪个 HTML 或 CSS 代码来解决这个问题?
的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:
}
你可以在这里玩这个。