Question

**业余警告**

我想为我的CSS设置四个设置，我希望最后一个设置为＆＃34;其他所有设置＆＃34;那种媒体查询，有这样的事情吗？

这是我的前三个问题：

@media only screen and (min-width: 1024px) and (min-height: 940px) /* for large displays */
@media only screen and (min-width:1024px) and (min-height:689px) and (max-height:939px) /* for smaller displays */
@media only screen and (max-width:1024px) and (max-height:900px) /* for ipad n the like */

现在我想要回应我可能遗漏的任何事情...我希望我有意义......

Answer 1

.class { 
    //this is everything else
}

@media (max-width:768px) { //or whatever px you're using
    .class{
        //styling for .class on mobile
    }
}

任何拥有class="class"的内容都会获得第一个（非媒体查询）.class样式。任何属于媒体查询像素定义的内容都将获得媒体查询样式（在此示例中为第二个.class）。

附注：我使用了引导程序的媒体查询，但我没有遇到高度媒体查询，根据我的经验，它仅使用宽度。我不确定在做高度是否有附加价值，也许它可以让你变得非常具体，但对我而言，管理太多了。

使用媒体查询有一个＆＃34;其他一切＆＃34;之类的事情？

1 个答案: