css - 这段代码可以用更少的媒体查询来完成吗？

Question

这看起来很重复，有没有一种方法可以将其结合起来，这样我就不必一遍又一遍地编写 .more-photos a 和 @media再次？

@media (min-width: 768px) and (max-width: 1199) {
  .more-photos a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .more-photos a {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .more-photos a {
    font-size: 22px;
  }
}

Answer 1

不，因为那是您编写 CSS 规则及其工作方式的方式。减少输入的唯一方法可能是使用 CSS 预处理器，例如 SASS，它可以减少一些输入，但可能不会使处理后的 CSS 看起来有任何不同。