2013-03-05 60 views
3

查看全寬:http://goo.gl/vkhb0CSS:背景圖片/顏色和容器不舒展上移動對移動

在所有桌面瀏覽器和多種分辨率的網站顯示,因爲它應該。頂部滑塊圖像居中,寬度爲1500px。下面的容器包裝寬度爲960px,並且居中。某些部分具有從左到右重複全寬的背景圖像或顏色。

手機上 - 幻燈片下方的容器不會展開全寬。同樣,重複停止約三分之一屏幕的背景圖像。

這是一個WordPress的網站,我已經在頭文件中有viewport元。

任何建議非常感謝。

回答

0

您應該media queries即:

/* iPads (portrait and landscape) ----------- */ 
@media only screen and (min-width : 768px) and (max-width : 1024px) { 
/* Styles */ 
} 
+0

我試圖確定爲什麼背景圖像在三分之一寬度停止移動。媒體查詢無法解決這個問題,因爲它已經設定重複。 – user1522087 2013-03-05 14:54:58

+0

@ user1522087你的包裝仍然是960px的肖像上的ipad – 2013-03-05 14:57:59

+0

正確,但是這仍然不能解決問題。我再次測試以驗證,通過增加容器寬度,背景顏色/圖像在滿足容器寬度之前仍然停止。所以即使增加寬度,背景圖像和顏色在到達容器邊緣之前仍然停止。我很感謝幫助。 – user1522087 2013-03-05 15:05:46