您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

仅使用CSS检查“ @supports”支持的最实用方法是什么?

仅使用CSS检查“ @supports”支持的最实用方法是什么?

@supports目前仅测试属性/值组合,仅此而已。您的其他选项无效,因为它们都不有效(包括最后一个选项,其中仅带有at- 关键字,后跟大括号!)。属性/值对的要求由的语法决定@supports,您可以在spec中找到它。

只需测试一个已知的属性/值对,即可确保无论@supports实现与否,该属性/值对都能在所有用户代理中正常工作。这种(某种)消除了您会遇到实现@supports但不实现属性/值组合的用户代理的可能性,@supports而只关注其支持

您给出的示例display: block就足够了。您使用级联的检查,如果浏览器 实现@supports由内覆盖声明@supports为浏览器规则 支持它也是可以接受的(是唯一明显的方法也无妨)。

CSS 2022/1/1 18:15:35 有489人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶