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

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

这是我当前的代码：

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

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

最佳答案

没有适用于414px及以下分辨率的sass mixin。因此，我们必须如下编写自己的断点。

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

媒体查询上方的CSS将适用于宽度为414px或更小的所有屏幕。