媒體查詢：屏幕> 1024

我試圖在網站中應用媒體查詢，但我的知名度並不深，因此基本上我想在檢測到的屏幕大於1024時將特定樣式應用於標記* 768。媒體查詢：屏幕> 1024

我這樣做

@media screen and (device-width: 1024px) { 

}

，但[我已查明當分辨率大於1024

來源

2012-08-15 m4g4bu

是高度相關？你的標籤中有很多答案，你是否嘗試過「CSS媒體查詢」？ – 2012-08-15 19:25:17

@media all and (min-width: 1024px) { 
    #css { 
    foo : bar; 
    } 
}

來源

2012-08-15 19:23:32 Ties

這是一個偉大的頁面來幫助你 http://cssmediaqueries.com/

來源

2012-08-15 19:23:54 Jrod

這裏唯一有價值的答案IMO，因爲它指向你的資源，可以幫助你*學習*東西 – 2012-08-15 19:25:29

該頁面沒有解釋'@ media'的語法，這是實際編寫CSS所必需的。這讓我想知道，我寫'@media all {color：green}'嗎？（不，實際上它是'@media all {＃the-correct-element {color：green}}'）。該頁面似乎更像是專家的參考資料，而提問者會用CSS的片段加上對代碼每個部分背後的理論，或者至少是初學者的一般教程。 – 2012-08-15 19:30:14

我不是初學者。我已經看過很多關於這個話題的片段，但我從來沒有應用過它。 – m4g4bu 2012-08-15 19:58:00

使用標準媒體屏幕查詢。一旦寬度爲1024px或更大，查詢將觸發樣式更改。

@media screen and (min-width: 1024px) { 
    /* Styles go here */ 
    #layout { 
     width: 90%; 
    } 
}

來源

2012-08-15 19:24:37 Stieffers

試試這個：

@media only screen and (min-width : 1025px) { 
    .classname { 
     /* styles here */ 
    } 
} 


@media only screen and (max-width : 1024px) { 
    .classname { 
     /* other styles here */ 
    } 
}

來源

2012-08-15 19:24:44

媒體查詢：屏幕> 1024

回答

相關問題