3

我正在为我的网球俱乐部建立一个网站：http: //users.aber.ac.uk/dwd/aut/

谁能告诉我为什么它看起来放大并向右推？单击查看源代码以查看 HTML/CSS/Javascript，因为它在评论线程中发布了很多内容。

如果你缩小一次，这就是网站应该的样子。

有什么想法吗？担

4

4 回答 4

3

您已将内容设置为高于平均宽度，并将其绝对定位在距页面左侧一定距离的位置。

于 2012-07-07T22:20:46.353 回答
1

它看起来不平衡，因为它没有正确居中对齐（如果您使用 Ctrl+- 快捷方式，它会变得更加明显）

如果您从中删除position: absolute;，#wrapper则显示正确居中（在 Chrome 中）

于 2012-07-07T22:22:32.693 回答
0

从正文 CSS 中删除字体大小，然后从您的#wrapper div中删除position: absolute和。left: 12em

于 2012-07-07T22:24:53.923 回答
0

其他人指出了为什么会发生这种情况。不过，这里还有一些要点：

  • 要真正使容器居中，auto请在边距 X/Y 轴上使用 的值。您目前正在执行此操作，但由于您还指定了绝对定位这一事实而受到破坏，因此请删除后者

  • 顺便说一句，您当前的居中尝试可能会在您的屏幕上起作用，但在不同的分辨率下它不会，因为您实际上只是将页面向右碰撞任意数量的像素

  • 虽然目标分辨率是每个网站设计师必须自己决定的，但标准是使页面在 1024 * 768 中工作。您的页面容器目前的宽度为 1024 像素，两侧还添加了 32 像素的填充。要么减少你的宽度，要么利用 CSS 属性box-sizing，这意味着任何指定的填充都会占用你元素的宽度，而不是添加到它

于 2012-07-07T22:34:01.653 回答