2015-03-19 73 views
0

我正在嘗試編寫一個CSS @media查詢,該查詢可以在我的移動設備和小於500px寬的瀏覽器上使用。以下在我的手機上工作,但如果我調整我的瀏覽器很小,則不起作用。我怎麼做?CSS @media查詢包含移動設備和小型瀏覽器寬度

/* Smartphones and small browsers ----------- */ 
@media 
    all and (-webkit-device-pixel-ratio: 2), 
    screen and (resolution: 192dpi), 
    all and (-webkit-device-pixel-ratio: 1.3), 
    all and (device-aspect-ratio: 9/16) { 

/* Styles */ 
} 
/* other devices */ 
@media 
    all and (-webkit-device-pixel-ratio: 1), 
    screen and (resolution: 96dpi), 
    all and (-webkit-device-pixel-ratio: 1) 
{ 
/* Styles */ 

} 

回答

0

以下行添加到您的媒體查詢:

all and (max-width: 500px), 
相關問題