通过link标签的media属性设置媒体查询条件，可以针对不同设备或场景加载对应的CSS文件，实现响应式设计并提升性能。以下是具体方法和示例：
在link标签中加入media属性，指定样式表生效的条件。浏览器会根据设备特性（如屏幕宽度、分辨率、方向等）判断是否应用对应的CSS文件。
按屏幕宽度加载仅在屏幕宽度小于600px时加载移动端样式：
打印场景专用仅在打印时使用特定样式：
高分辨率屏幕适配适用于Retina等高分辨率屏（分辨率≥2dppx）：
横屏设备加载仅在设备横屏时生效：
使用and连接多个条件，实现更精确的控制。所有条件需同时满足，CSS文件才会被应用。
平板设备范围（601px~1024px）
深色模式适配用户系统设置为深色模式时加载：
通过合理使用media属性，可以轻松实现页面在不同设备、场景下的灵活适配，提升用户体验和代码可维护性。
