获得完整访问权限
测验

您如何为功能受限的浏览器提供页面？

您使用什么技术/流程？
主题
CSS

技术

  • 优雅降级：为现代浏览器构建应用程序，同时确保它在旧浏览器中仍能运行的实践。
  • 渐进增强：为基本用户体验构建应用程序，但在浏览器支持时添加功能增强的实践。
  • 使用 caniuse.com 检查功能支持。
  • Autoprefixer 用于自动插入供应商前缀。
  • 使用 Modernizr 进行功能检测。
  • 通过 `@support`` 使用 CSS 功能查询

练习

检验你的理解
测试版
检验你的理解 练习 1/2
检验你的理解 练习 1/2

A working block layout is enhanced inside @supports (display: grid). One supported browser enters that block, but a particular nested Grid arrangement renders incorrectly. What does the true feature-query result establish?