媒体查询更简单的用法？

Question

也许这样问很愚蠢，但是有没有办法做这样的事情：

html{
  @include responsive("font-size", 11px,
    (
       600px: 100%,
       800px: 120%,
      1180px: 130%,
      1300px: 140%,
      1750px: 160%,
      1900px: 180%,
      2100px: 200%,
      2400px: 19px
    )
  );
}

这是从一些 bugsnag 平台上获取的（我不知道它是什么），但这并不重要。我想知道我是否可以用 pure css 做这样的事情？为了在调整大小时平滑响应变化 window/to 任何分辨率变化。

另外，对于旧版浏览器，我应该如何使用这种东西的回退？

谢谢！

Answer 1

简答： No.

长（-er）答案： CSS 中唯一可以指定一系列逗号分隔的媒体查询的地方是 optional parameters to the @import At-Rule，它们没有自己的样式或 shorthand.

此外，您提出的语法具有误导性。 “600px”媒体查询是什么意思？ Media queries are either set states (e.g. "screen") or key-value pairs (e.g. "max-width: 600px"). 因此，这最终看起来更像 "max-width: 2400px: 19px"，这在几乎任何语言中都令人困惑且在句法上不合适。

媒体查询更简单的用法？

media queries simpler usage?

css

media-queries