@media查询不起作用

@media查询是CSS中的一种技术，用于根据设备的特性和屏幕尺寸来应用不同的样式。它可以根据媒体类型、视口宽度、设备分辨率等条件来选择性地应用样式。

@media查询的语法如下： @media mediatype and|not|only (media feature) { CSS样式规则 }

其中，mediatype表示媒体类型，常见的有all（所有设备）、screen（屏幕设备）、print（打印设备）等。 media feature表示媒体特性，常见的有width（视口宽度）、height（视口高度）、device-width（设备宽度）、device-height（设备高度）等。

@media查询的应用场景包括但不限于：

1. 响应式设计：根据设备的屏幕尺寸和特性，为不同的设备提供适配的布局和样式。
2. 打印样式：为打印设备提供适合打印的样式，如隐藏不必要的元素、调整字体大小等。
3. 屏幕分辨率适配：根据设备的分辨率选择合适的图片、字体等资源，提高页面加载速度和显示效果。
4. 设备特性适配：根据设备的特性，如触摸屏、横竖屏等，提供相应的交互和样式。

腾讯云相关产品中，与@media查询相关的产品包括：

1. 腾讯云CDN（内容分发网络）：提供全球加速、智能调度、缓存优化等功能，可用于加速静态资源的分发，提高页面加载速度。 产品介绍链接：https://cloud.tencent.com/product/cdn
2. 腾讯云Web应用防火墙（WAF）：提供全面的Web应用安全防护，包括防DDoS攻击、SQL注入、XSS攻击等，保护网站和应用的安全。 产品介绍链接：https://cloud.tencent.com/product/waf
3. 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整服务器配置，支持自定义操作系统和应用环境。 产品介绍链接：https://cloud.tencent.com/product/cvm

请注意，以上仅为示例产品，实际应根据具体需求选择适合的腾讯云产品。