当您针对灵活的布局网站时,在媒体查询中包括高度是否是一种反模式?
仅编写一个移动优先应用程序,我想知道在媒体标签内使用高度是否是错误的做法。
我注意到的是,在查询中包含高度允许样式流动更多,而包含高度只是迫使我的移动样式(基本样式)更早地加入。
我是我的情况,基本样式是移动设备上的一列简单内容,媒体查询看起来像这样:
$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)";
我实际上希望样式会更加宽容,并且不会过早触发移动设备(基本样式)。