如何阻止媒体查询提早触发基本样式?

时间:2019-01-09 09:29:50

标签: css sass

当您针对灵活的布局网站时,在媒体查询中包括高度是否是一种反模式?

仅编写一个移动优先应用程序,我想知道在媒体标签内使用高度是否是错误的做法。

我注意到的是,在查询中包含高度允许样式流动更多,而包含高度只是迫使我的移动样式(基本样式)更早地加入。

我是我的情况,基本样式是移动设备上的一列简单内容,媒体查询看起来像这样:

$output.= "<span class='subject'>".$overview->subject."</span> ";

我正在使用Sass导入查询,因此模式通常如下所示:

$desktop-devices-large: "(min-height: 900px) and (max-height: 1080px) and (min-width: 1440px) and (max-width: 1920px)";
    $desktop-devices-medium: "(min-height: 768px) and (max-height: 900px) and (min-width: 1024px) and (max-width: 1440px)";
    $mobile-devices: "screen and (max-height: 760px) and (max-width: 760px)";

我实际上希望样式会更加宽容,并且不会过早触发移动设备(基本样式)。

0 个答案:

没有答案