css - 如何动态居中图像(网站横幅)

Question

我目前有一个网站 rinique.com .我希望动态居中的网站横幅是基于屏幕尺寸(例如 iphone 和 ipad)的带有“RINIQUE”字样的图像。

目前为了让它居中，我输入了一个绝对值。下面是我的 CSS 片段。

#header #logo {
  float: left;
  position: relative;
  left: 38%;

Answer 1

如果可以使用简单的 CSS，为什么还要使用 javascript？

#logo {
display: block;
text-align: center;

只需让 a#logo 表现为一个 block 元素，并使其内容 IMG 中心对齐。

http://jsfiddle.net/brutusmaximus/N9XtP/