针对目标 safari 浏览器版本的媒体查询 <= 15.x.x only

Question

有人可以告诉我如何使用 css 中的媒体查询来定位小于或等于 15.x.x 版本的 safari 浏览器吗？

我们有一个错误，在 Safari 版本中，一个元素对齐被破坏，对于其他版本小于或等于 15.x.x 的浏览器，我们的 CSS 可以按预期工作。

我已经尝试过下图中可用的查询，但它适用于 safari 浏览器的所有版本。

但它应该只适用于小于或等于15.x.x的版本

Answer 1

subgrid 是在 Safari 16 中引入的，所以这个测试应该可以工作：

@supports (grid-template-rows: subgrid)