2016-01-29 45 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; 
    } 
}