Css 对于媒体的提问,是否有一个;“其他一切”;什么事?

Css 对于媒体的提问,是否有一个;“其他一切”;什么事?,css,responsive-design,media-queries,Css,Responsive Design,Media Queries,**业余警告** 我希望我的CSS有四个设置,我希望最后一个是“其他一切”类型的媒体查询,有这样的事情吗 以下是我的前三个问题: @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) /* fo

**业余警告**

我希望我的CSS有四个设置,我希望最后一个是“其他一切”类型的媒体查询,有这样的事情吗

以下是我的前三个问题:

@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 */
现在我想要一个对我可能遗漏的任何东西做出回应。。。我希望我有道理

.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


旁注:我在引导中使用了媒体查询,但我没有遇到过高度媒体查询,根据我的经验,它只使用宽度。我不确定高度是否有附加值,也许它可以让你变得非常具体,但对我来说,这太难管理了。

你是否尝试过让css文件满足所有要求,并针对这3种媒体查询进行有条件的调整?事实上,你已经有了2个“其他所有内容”:您的第一行将覆盖1024px宽度范围内的所有内容,第三行将覆盖1024px宽度范围内的所有内容width@jamesgiang是的,这个“第四个”选项只是取代了所有其他选项queries@Fabio我希望如此,但当我播放我的窗口大小时,它会搞砸…thnx为+1。。。我不太确定我是否可以应用你所说的关于.class和thnks 4的关于height属性的建议…height可以用来确定监视器是否处于纵向模式,如果你想在这种情况下使用不同的布局