CSS：將元素寬度限制爲偶數

Question

我想知道：我正在處理的網站上有一個背景圖像，需要非常精確地定位。目前，它的定位是：

body { 
    ... 
    width: 100% 
background-position-x: center; 
background-position-y: -10px; 
} 

這工作得很好 - 在大多數情況下的圖像停留在x軸爲中心，當用戶調整的窗口。但是，如果用戶將窗口大小調整爲奇​​數像素寬度（即，body變爲1001px而不是1000px），那麼背景圖像似乎位置偏離了一點（可能是1像素？）。

我該如何解決這個問題？我是否必須將元素寬度限制爲偶數/我該如何操作？有沒有可能的jQuery解決方案？

編輯：名爲Simplegeo https://simplegeo.com/的網站設法完美地做到這一點。注意平鋪背景：它是用一個重複的png文件製作的，並且它始終完全與頁面上的元素相對定位。這表明它是可能的......但是有誰知道他們是如何做到的？

Answer 1

我看到它的方式，你有兩個選擇：

1）調整用戶窗口，直到到最接近的偶數（當調整大小發生），像這樣http://jsfiddle.net/hATKW/

2）使用有媒體查詢沿着固定寬度佔多種尺寸的窗口，閱讀媒體查詢這裏：http://css-tricks.com/6731-css-media-queries/

感謝， 利奧

Answer 2

本網站使用背景圖片這是20x20像素（偶數）。你可以使用

body { 
min-width:400px; 
} 

在這個寬度1px的關閉將是幾乎不被檢測，並且如果用戶重新尺寸以更大的窗口，差異將是難以察覺。

雖然我不完全確定你的問題。你在說的是元素的問題，而不是背景。如果你提供你的網站鏈接會有幫助。