答案：通过link标签的media属性可指定CSS样式表适用的媒体类型或查询，如all、screen、print、speech等，并支持用(max-width)、(min-width)等媒体查询精准控制不同设备的样式应用，实现多设备兼容与优化体验。
在HTML中使用 link 标签引入CSS样式表时，可以通过 media 属性来指定该样式表应用于哪种媒体类型。这样可以让不同的设备或输出方式应用不同的样式规则。
基本语法
在 link 标签中添加 media 属性，用于定义样式表适用的媒体类型或媒体查询：<link rel="stylesheet" href="style.css" media="screen">
常见媒体类型
以下是一些常用的媒体类型值：- all：适用于所有设备（默认值）
- screen：用于电脑屏幕、平板、手机等显示设备
- print：用于打印预览或打印页面时
- speech：用于屏幕阅读器等语音合成器
- projection：用于投影设备（已过时，建议使用媒体查询替代）
使用媒体查询更精确控制
除了基本媒体类型，还可以使用媒体查询来针对特定条件应用样式表，例如屏幕宽度、分辨率、方向等：<link rel="stylesheet" href="mobile.css" media="(max-width: 600px)"><br><link rel="stylesheet" href="print.css" media="print"><br><link rel="stylesheet" href="tablet.css" media="(min-width: 601px) and (max-width: 1024px)">
实际应用场景
你可以为不同设备加载不同的CSS文件，提升性能和用户体验：基本上就这些。通过合理使用 media 属性，可以实现更灵活的多设备样式控制。不复杂但容易忽略细节。确保测试不同设备下的表现以保证兼容性。
