使用 image-set 在 CSS 中实现高性能下一代图像的文章的直接链接 avif image-set picture srcset 使用 image-set 在 CSS 中实现高性能下一代图像 CSS 的 image-set() 函数自 2012 年起就在基于 Chromium 的浏览器中得到支持,并在 Safari 6 版本中得到支持。最近,它也登陆了 Firefox 88。让我们深入了解一下,看看今天我们可以用 image-set() 做什么,以及不能做什么…… Ollie Williams 于 2021 年 6 月 23 日
超越媒体查询:使用更新的 HTML 和 CSS 功能进行响应式设计的文章的直接链接 clamp max min minmax object-fit picture srcset 超越媒体查询:使用更新的 HTML 和 CSS 功能进行响应式设计 除了使用媒体查询和现代 CSS 布局(如 flexbox 和 grid)来创建响应式网站之外,我们还可以做一些被忽视的事情来改进响应式网站。在这篇文章中,我们将深入探讨一些工具(围绕…… David Atanda 于 2020 年 9 月 7 日
规划响应式图像的文章的直接链接 图像 性能 响应式图像 srcset 规划响应式图像 我第一次让图像响应式的时候,代码非常简单,就四行: img { max-width: 100%; height auto; /* default */ } 虽然这对开发者来说足够了,但对于… Chris Nwamba 于 2020 年 4 月 1 日