2016-01-29 88 views
-1

想要以1024 pxwidth的寬度顯示此消息給所有設備。無論這包括Ipad,平板電腦還是普通的桌面屏幕,或者任何設備像素比例爲1或以上的任何設備。將@media CSS顯示到所有屏幕上,手機

我需要將所有屏幕添加到@media嗎?

@media (max-width: 1024px) and (min-width: 1024px) { 
    #metaslider_223 > div > ul > li > img { 
     width:132px !important; 
    } 

    #metaslider_223 > div > ul > li { 
     width:132px !important; 
    } 
} 
+2

'@media屏幕(最大寬度:1,024)'會無論是手機,平板電腦,蘋果手錶還是其他任何設備,對於每個寬度爲1024像素或更低的設備,評估爲true –

+0

所有內容都具有一個或多個像素比例? –

回答

0

要answery你的問題,我會用「全」,以確保它涵蓋了(這是我經常做)

@media all and (max-width: 1024px) and (min-width: 1024px) { 
    #metaslider_223 > div > ul > li > img { 
     width:132px !important; 
    } 

    #metaslider_223 > div > ul > li { 
     width:132px !important; 
    } 
}