我正在为我的网球俱乐部建立一个网站:http://users.aber.ac.uk/dwd/aut/
任何人都可以告诉我它为什么看起来放大并向右推?单击查看源以查看HTML / CSS / Javascript,以便在评论主题中发布。
如果缩小一次那就是网站应该是什么样的。
任何想法的家伙? 丹
答案 0 :(得分:3)
您已将内容设置为具有高于平均宽度的内容,并且绝对距离页面左侧有一定距离。
答案 1 :(得分:1)
它看起来不平衡,因为它没有正确地居中对齐(如果你使用Ctrl + - 快捷方式它变得更加明显)
如果您从position: absolute;
移除#wrapper
,则会正确显示我的中心位置(在Chrome中)
答案 2 :(得分:0)
从正文CSS中删除字体大小,然后从#wrapper div中删除position: absolute
和left: 12em
。
答案 3 :(得分:0)
其他人已经指出了为什么会这样。不过,这里还有一些要点:
要真正居中容器,请在边缘X / Y轴上使用auto
的值。你现在正在这样做,但是你已经指定了绝对定位这一事实正在削弱它,所以删除后者
顺便提一下,您当前的中心尝试可能会在您的屏幕上运行,但是在不同的分辨率下它不会,因为您实际上只是将页面向右撞击任意数量的像素
虽然目标分辨率是每个网站设计师必须为他/她自己决定的,但标准是使页面工作在1024 * 768.您的页面容器当前宽度为1024像素,还有一个32px填充添加到任意一侧。要么减小宽度,要么利用CSS属性box-sizing
,这意味着任何指定的填充都会占用元素的宽度,而不是添加到它中