我想知道:我正在处理的网站上有一张背景图片，需要非常精确地定位。目前其定位是:
body {
...
width: 100%
background-position-x: center;
background-position-y: -10px;
}
这非常有效——在大多数情况下，当用户调整窗口大小时，图像会保持在 x 轴的中心。
但是，如果用户将窗口大小调整为奇数像素宽度(即正文变为 1001 像素而不是 1000 像素)，那么背景图像的位置似乎会偏离一点(可能是 1 个像素？)。
我该如何解决这个问题？我是否必须将元素宽度限制为偶数/我该怎么做？可能有 jQuery 解决方案吗？
编辑:名为 Simplegeo 的网站 https://simplegeo.com/设法完美地做到这一点。请注意平铺背景:它是用重复的 png 文件制作的，并且它始终完美地定位在页面上的元素上。这表明这是可能的..但是有人知道他们是怎么做到的吗？
最佳答案
在我看来，您有两个选择:
1) 将用户窗口的大小调整到最接近的偶数(当调整大小发生时)，像这样http://jsfiddle.net/hATKW/
2) 将固定宽度与媒体查询一起使用以考虑多种尺寸的窗口，请阅读此处的媒体查询:http://css-tricks.com/6731-css-media-queries/
谢谢， 狮子座
关于ruby-on-rails - CSS:将元素宽度限制为偶数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7170044/