媒體查詢，移動圖片渲染和Android CSS漸變問題

Question

我一直在這裏和那裏的其他人的幫助下建立一個網頁，而我只是剛開始使用媒體查詢。

我一直在體驗的問題是，我的一張圖片，特別是我網站上的backgorund圖片，不會在手機上加載。但是，在瀏覽器中，圖像加載完全正常。我已經看過，看看它是否是一個地址問題，但一切都很好。我試圖使用百分比，但仍然沒有運氣。

我確實得到了文本的alt消息，隨後在丟失的圖像中間出現了一個小問號。

在另一個說明，CSS3 graidients無法加載Android時再次瀏覽我的網頁我不知道什麼問題可能是他們在桌面上工作正常。

任何有關這些主題的幫助將不勝感激，並會讓我頭疼。

My webpage

** ** SOLUTION

的iOS不能加載1500px給予或採取的芯尺寸以上的圖像。 還增加

-webkit-transform: translateZ(0); 
-webkit-backface-visibility: hidden; 

Answer 1

退房控制檯，它說：

The value "device-width;" for key "width" is invalid, and has been ignored.

在看看相關的HTML meta標籤後，我看到你使用;分離。這是不對的，使用,代替：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

編輯

當你使用XHTML確保避免常見錯誤CSS。

CSS validator

Corrigate以下：

第60行：font-family: "Trebuchet MS", Helvetica, sans-serif;

線94：取出,

180分之179線：使用:代替=

線338：font-size: 16px;你所需要的-和specifiy單位

線430：的position: relative;代替postion: relative;