javascript - 检测浏览器是否支持 "@supports"?

标签 javascript html css media-queries

我意识到这可能是一个愚蠢的问题,因为无论如何我都会在一段时间后回到网络开发,所以请不要害羞地启发我!在我看来,css hack 的艺术(就像过去嗅探旧的 IE 浏览器一样)可以用来填补新的 @supports 查询和不支持 these features 的旧浏览器之间的空白。 .有可能从大量 javascript 中拯救您自己和您的网站吗?甚至帮助在小元素中完全放弃 javascript。有人知道这样的元素吗?也有可能我没能用正确的关键字搜索...

最佳答案

是的,您可以使用以下命令执行此操作:

以下所有示例均有效:

@supports not (not (transform-origin: 2px)) - 对于不支持的测试浏览器

@supports (display: grid) - 用于支持测试浏览器

@supports (display: grid) and (not (display: inline-grid)). - 用于测试两者

有关详细信息,请参阅 MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/@supports

关于javascript - 检测浏览器是否支持 "@supports"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50116732/

相关文章:

html - 试图将主页分成四个部分

php - JavaScript 在函数之间传递变量并处理它们

javascript - 从 flickr 集中选择随机图像并将其附加到 div

html - 向变量添加内容时如何添加新行

javascript - 为 T 恤填充颜色并在 HTML Canvas 上相应地更改文本颜色

javascript - 获取示例图像中的 HTML 样式

javascript - 当在同一页面上使用多个绘图时,Plotly.js 只有一个绘图可以工作

javascript - 使用数字 1 - 20 加载 asp 下拉列表

javascript - Safari 中 onclick div 内的链接

html - Fieldset背景颜色影响网站背景颜色