javascript - 如何用sass为iphone 414px写断点？

Question

我正在为当前元素使用 sass。我想为它应用 sass 断点或媒体查询。我希望代码在屏幕为 414 像素或以下时运行。

这是我当前的代码:

@include media-breakpoint-down(sm) {
.sub-menu { display: none; 
}

您知道如何仅针对 414 像素及以下屏幕吗？感谢您的帮助。

Answer 1

414px 及以下分辨率没有可用的 sass mixin。所以我们必须如下编写自己的断点。

@media (max-width: 414px) { 
   .sub-menu { 
       display: none; 
   }
 }

上述媒体查询中的 CSS 将应用于宽度为 414 像素或更小的所有屏幕。