将@media CSS显示在所有屏幕,手机上

时间:2016-01-29 13:44:42

标签: css

希望以1024 pxwidth的速度向所有设备显示此信息。这是否包括Ipad,平板电脑或普通桌面屏幕或设备像素比为1或以上的任何设备。

我是否需要将所有屏幕添加到@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;
    }
}

1 个答案:

答案 0 :(得分:0)

要回答你的问题,我会用“全部”来确保它涵盖所有事情(这就是我一直以来所做的事)

@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;
    }
}