文章标签

无需媒体查询的响应式网格布局

Andy Bell 制作了一个非常酷的演示，向我们展示了如何创建完全无需媒体查询的响应式网格布局。当您更改浏览器窗口的大小，它会显示为这样

我认为…

Robin Rendle 于 2019 年 5 月 9 日

CSS 网格不仅重塑了我们思考和构建网页布局的方式，还帮助我们编写更健壮的代码，取代了我们之前使用的“hacky”技术，并在某些情况下，消除了对…的需求。

Juan Martín García 于 2019 年 2 月 26 日

我喜欢嵌套我的 @media 查询断点。对我来说，它可能是 Sass 最重要的功能。也许我会选择一种方法，并像这样进行操作

.element {
  display: grid;
  grid-template-columns: 100px 1fr;
  @include breakpoint(baby-bear) {
    display: block;
  }

…

Chris Coyier 于 2020 年 4 月 17 日

随着 macOS 中暗模式的推出，Safari 技术预览版 68 发布了一项名为 prefers-color-scheme 的新功能，允许我们使用媒体查询检测用户是否启用了暗模式。Safari 技术预览版 71 还…

Robin Rendle 于 2018 年 12 月 28 日

<svg> 的一个很酷之处在于，它实际上是自己的文档，因此，SVG 内部 CSS 中的 @media 查询基于其视窗，而不是可能包含它的 HTML 文档。

此独特功能具有…

Chris Coyier 于 2018 年 6 月 28 日

一个月前，我探讨了依赖交互式媒体功能的重要性，以识别用户悬停元素的能力或检测其指向设备的精度，这意味着像鼠标这样的精细指针，或者…

Andrés Galante 于 2017 年 5 月 6 日

前端开发人员和网页设计师生活在一个疯狂的多设备现实中。

几个月前，Red Hat UXD 团队讨论了如何为移动环境设计企业应用程序。Sarah 和 Jenn，我的才华横溢的同事，指出触控…

Andrés Galante 于 2017 年 2 月 27 日

Jake Archibald 深入探讨了媒体查询在嵌入到 SVG 本身内的 <style> 块中时，以及在不同浏览器中以多种不同方式使用时，奇怪的行为。结果好坏参半。

这将…

Chris Coyier 于 2016 年 10 月 16 日

Kitty Giraudel 写了一篇关于他创建 iframify 的原因，这是一个获取 DOM 节点并将其包装在 <iframe> 中的脚本。这是一个巧妙的工具，用于以特定宽度在样式指南中显示组件，并有效地模拟…

Robin Rendle 于 2021 年 8 月 3 日