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

Question

我正在为当前项目使用 sass。我想为它应用 sass 断点或媒体查询。如果屏幕为 414px 或以下，我希望代码运行。

这是我当前的代码：

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

您知道如何仅定位 414 像素及以下的屏幕吗？任何帮助表示赞赏。

Answer 1

没有可用于 414 像素及以下分辨率的 sass mixin。所以我们要自己写断点如下。

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

上面媒体查询中的 CSS 将适用于宽度为 414 像素或以下的所有屏幕。