Question

也许这是愚蠢的问题，但无论如何都要做这样的事情：

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

这是从一些bugsnag平台（我不知道它是什么），但这并不重要。我想知道我是否可以用纯css做这样的事情？在重新调整窗口大小/任何分辨率更改时，可以实现平滑的响应更改。

此外，我应该如何使用旧版浏览器的回退？

谢谢！

Answer 1

简答： No.

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

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

媒体查询更简单的用法？

1 个答案: