比赛集锦↓

[微博全场集锦] 米切尔34分 东契奇30+5+6 骑士6人得分上双轻取独行侠

[腾讯原声集锦] 米切尔34分 东契奇30+5+6 骑士6人得分上双轻取独行侠

[腾讯全场集锦] 米切尔34分 东契奇30+5+6 骑士6人得分上双轻取独行侠

[东契奇集锦] 无能为力！东契奇23投9中得30分5板6助5失误集锦

[米切尔集锦] 进攻利器！米切尔砍下34分3板4助集锦

[东契奇骚助] 东契奇神仙不看人背传 有望周最佳助攻TOP10！

[东契奇2+1] 东契奇单打莫布里命中2+1

[米切尔三分] 米切尔三分线外一步果断出手命中

[奥科罗暴扣] 奥科罗突然加速底线突破飞身暴扣

``` ### 解释 - **`.matchMedia`**: 这个方法用于检测媒体查询的结果。 - **`min-width: 768px`**: 这是一个媒体查询，当屏幕宽度至少为768px时返回 `true`。 - **`const mediaQuery = matchMedia('(min-width: 768px)');`**: 创建了一个媒体查询对象，并存储在变量 `mediaQuery` 中。 ### 使用示例 你可以在你的 JavaScript 或 TypeScript 文件中使用上面的代码。例如： ```javascript // 假设你已经在 DOM 中定义了上述 HTML 结构 const mediaQuery = matchMedia('(min-width: 768px)'); // 监听媒体查询的变化 mediaQuery.addEventListener('change', (e) => { if (e.matches) { console.log("屏幕宽度大于等于768px"); // 在这里执行你需要的操作，比如添加或移除某些类名、修改样式等 } else { console.log("屏幕宽度小于768px"); // 在这里执行其他操作 } }); // 初始检查 if (mediaQuery.matches) { console.log("初始时屏幕宽度大于等于768px"); } else { console.log("初始时屏幕宽度小于768px"); } ``` 这样，你就可以根据不同的屏幕尺寸来动态地执行不同的逻辑。希望这个示例对你有帮助！如果你有任何其他问题，请随时提问。