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

Question

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

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

我確實得到了文本的alt信息，然后是丟失圖像中間的一個小問號。

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

任何有關這些主題的幫助都將受到高度贊賞，並且可以解決我的頭痛問題。

我的網頁

**解決方案**

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 name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

編輯

當您使用xHtml時，請確保避免常見的CSS錯誤。

CSS驗證器

驗證以下內容：

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

第94行：刪除,

第179/180行：使用:而不是=

第338行： font-size: 16px; 你需要-並指定一個單位

第430行： position: relative; 而不是postion: relative;