在浏览器 DevTools 中如何模拟不同视口和媒体特性（如 prefers-color-scheme）来测试响应式设计？
围绕“在浏览器 DevTools 中如何模拟不同视口和媒体特性（如 prefers-color-scheme）来测试响应式”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕以工具操作为主，给出具体入口，不写自动化测试。
核心关键词DevTools 模拟视口 prefers-color-scheme 响应式测试
面试知识索引 · 分类、标签与搜索
CSS · 测试面试题，1 道完整答案
CSS · 测试面试题第 1 页，显示第 1–1 题，共找到 1 道完整解析，可继续按分类、标签与关键词缩小范围。
1筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序