移動設備上的背景圖像太小。怎麼修？

Question

我有一個div設置爲100％的寬度，背景圖片（如下圖，背景圖片是拿着設備的手），因此調整窗口大小也會調整背景圖片的大小。我這樣做的目的是讓它始終貫穿整個屏幕，而不管你使用的是什麼設備。

，直到我推出的網站在手機上也能正常工作。手機屏幕水平過小，並將背景圖像縮小到屏幕底部的3個信息框div似乎被推掉，但它只是被拉起的背景圖像：

有誰知道我該如何解決這個問題？我應該如何找到一種方法來定位信息框div，使屏幕較小時可以向上移動？

任何意見，將不勝感激。

Answer 1

它試圖抓住它的長寬比，你可以設置高度爲100％，讓它毀了寬高比或只是淡出了圖像的底部，所以它出現在融爲一體。

Answer 2

您可能希望爲不同的平臺使用不同的背景圖像，以實現向後兼容性，否則使用CSS3的background-size。詳情請參閱http://www.w3schools.com/cssref/css3_pr_background-size.asp。