CSS 代码中的@from-width & @from-table 到底是什么

编程问答 2022-05-26

问题描述

我正在尝试阅读一些代码，我在样式化的 jsx 中看到以下“注释”：

@from-width tablet {
  h1 {
    font-size: ${`calc(${theme.font.size.xxxl} * 1.2)`};
  }
}

@from-width desktop {
  h1 {
    font-size: ${`calc(${theme.font.size.xxxl} * 1.4)`};
  }
}

@below desktop {
  ul {
    padding-top: 10px;
  }
}

我很想知道此处使用的 @from-width、@below 术语是什么。以及他们的目的是什么。

虽然我知道这些块定义了不同屏幕尺寸的 css，但我在网上找不到任何语法信息。

我也尝试在 google 上搜索，但找不到任何提及。我还在存储库中进行了搜索，但也没有找到这些术语的任何“声明/定义”。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

styled-jsx