媒體搜索iPad

我試圖讓@media搜索工作，但沒有成功。我正在使用下面的代碼，但是我可以顯示的唯一圖像是headernew.jpg從來沒有headerold.jpg，因此它接縫沒有任何媒體查詢正在工作。我已經在27英寸的iMac和iPad上進行了測試，但都顯示相同的背景圖像。任何幫助，將不勝感激。媒體搜索iPad

感謝羅傑

position: absolute; 
top: 0; 
left:-50%; 
width: 1344px; 
height: 150px; 
background-image: url('../img/headernew.jpg'); 
/* Only affects 1600px width */ 
    @media only screen and (min-width : 1600px){ background-image: url('../img/headerold.jpg');} 
    /* Only affects 1200px width */ 
@media only screen and (max-width : 1200px){ background-image: url('../img/headerold.jpg');} 
    /* Only affects 900px width */ 
    @media only screen and (max-width : 900px){ background-image: url('../img/headerold.jpg');} 
    /* Only affects 600px width */ 
    @media only screen and (max-width: 600px){ background-image: url('../img/headerold.jpg');} 
    /* Only affects 400px width */ 
    @media only screen and (max-width: 400px){ background-image: url('../img/headerold.jpg');} 
background-repeat: no-repeat; 
background-position: center center;

來源

2013-09-05 user2751396

請不要改變這個問題，如果你需要與回答者交談，請使用評論框，否則這個問題是沒有用的任何人。 –

對不起，我試圖解決它，但評論格式化看起來不好。 – user2751396

你的格式是錯誤的，我沒有看到你的代碼中的任何選擇，這應該是這個樣子：

#yourID { 
    background-image: url('../img/headernew.jpg'); 
} 
@media only screen and (max-width : 900px) { 
    #yourID { 
     background-image: url('../img/headerold.jpg'); 
    } 
}

它看起來像你試圖將媒體查詢放入選擇器塊中，而是查詢必須包裝您要使用的選擇器和規則。

來源

2013-09-05 16:08:30 dezman

我做了以下更改，但仍然有問題，因爲它似乎沒有工作。我正在使用27英寸iMac和iPad3進行測試。這就是我的代碼現在看起來像.div.art-header-jpeg {background_ image：url（'../ img/headernew.jpg'）; } @media僅限屏幕和（最大寬度：900px）div.art-header-jpeg background-image：url（'../ img/headerold.jpg'）; } } – user2751396

你不應該在評論中放置代碼，因爲它很難閱讀，但你可以更新你的問題:)另外，它與你使用的計算機並不相關。 – dezman

回答

相關問題