文章标签

创建使用 prefers-reduced-data 的网站

剧透警告：目前尚不支持。但它已在媒体查询级别 5 规范中定义，其中包括其他最近但更熟悉的用户偏好功能，如 prefers-color-scheme 和 prefers-reduced-motion。

Polypane 博客深入...

Geoff Graham 于 2021 年 1 月 14 日发布

媒体查询可以根据与用户设备、浏览器或系统设置匹配的一组条件修改网站或应用程序的外观（甚至行为）。

Andrés Galante 于 2024 年 8 月 12 日发布

媒体查询级别 4 交互媒体特性——指针、悬停、任意指针和任意悬停——旨在允许网站根据用户输入设备的特定特性实现不同的样式和功能（无论是 CSS 特定的交互性，如 :hover，还是使用 window.matchMedia 查询时的 JavaScript 行为）。

Patrick H. Lauke 于 2020 年 12 月 13 日发布

当你想到媒体查询时，第一个想到的是什么？也许是 CSS 文件中的某些内容，如下所示

body {
  background-color: plum;
}
 
@media (min-width: 768px) {
  body {
    background-color: tomato;
  }
}

CSS …

Marko Ilic 于 2021 年 5 月 12 日发布

在实现基于类的原子样式时，我们面临的挑战之一是，它通常取决于特定断点以获取上下文。我们可以为每个断点添加前缀。这在开始添加多个类之前效果很好。当我们开始添加多个类时，就会变得难以跟踪哪些与哪些相关，以及在何处添加、删除或更改内容。

Jakob E 于 2020 年 6 月 30 日发布

Favicon 是你在浏览器标签中看到的小图标。它们可以帮助你了解在浏览书签和打开的标签时，哪个网站是哪个。它们是互联网历史的一部分，能够...

Eric Bailey 于 2022 年 2 月 8 日发布

Mezo Istvan 在 Medium 上的一篇博文中很好地介绍了这个问题及其解决方案。如果你点击一个具有 :hover 状态但没有离开页面的东西，那么在移动设备上，:hover 状态可能会“粘住”。你会看到类似于跳转链接用作标签或按钮的东西，这些标签或按钮会触发页面上的功能。

Chris Coyier 于 2020 年 2 月 18 日发布

容器查询始终是 CSS 改进请求列表的首位。普遍的观点是，如果我们有容器查询，我们将不会编写那么多基于页面大小的全局媒体查询。这是因为我们...

Chris Coyier 于 2019 年 10 月 9 日发布

是的，你可以，而且嵌套顺序并不重要。不需要 CSS 预处理器。它在常规 CSS 中起作用。

这有效

@supports(--a: b) {
  @media (min-width: 1px) {
    body {
      background: red;
    }
  }
}

因此...

Chris Coyier 于 2019 年 8 月 5 日发布