显示%1分区，隐藏%2 others...Media查询不工作

是一个前端开发中常见的问题，通常是由于以下几个原因导致的：

1. 错误的CSS语法：请确保你的CSS代码中没有语法错误，例如拼写错误、缺少分号等。一个常见的错误是忘记在媒体查询的条件后面加上大括号，导致媒体查询不起作用。
2. 媒体查询条件错误：请检查你的媒体查询条件是否正确。媒体查询条件是用来判断设备屏幕尺寸、分辨率等属性的，如果条件不正确，媒体查询就无法生效。常见的媒体查询条件包括max-width、min-width、max-height、min-height等。
3. 媒体查询位置错误：请确保你的媒体查询代码放置在正确的位置。通常情况下，媒体查询应该放置在CSS文件的末尾，以确保它们能够覆盖之前的样式定义。
4. 缓存问题：有时候浏览器会缓存CSS文件，导致修改后的媒体查询代码无法生效。你可以尝试清除浏览器缓存或者在CSS文件的链接地址中添加一个随机参数来避免缓存。
5. 兼容性问题：不同的浏览器对媒体查询的支持程度可能有所不同。你可以使用一些CSS前缀或者媒体查询的polyfill来解决兼容性问题。

对于以上问题，你可以尝试以下解决方案：

1. 检查CSS语法和媒体查询条件，确保没有错误。
2. 将媒体查询代码放置在正确的位置。
3. 清除浏览器缓存或者添加随机参数来避免缓存问题。
4. 使用CSS前缀或者媒体查询的polyfill来解决兼容性问题。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云前端开发服务：https://cloud.tencent.com/product/fe
• 腾讯云后端开发服务：https://cloud.tencent.com/product/ba
• 腾讯云软件测试服务：https://cloud.tencent.com/product/ts
• 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
• 腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
• 腾讯云云原生服务：https://cloud.tencent.com/product/tke
• 腾讯云网络通信服务：https://cloud.tencent.com/product/dc
• 腾讯云网络安全服务：https://cloud.tencent.com/product/saf
• 腾讯云音视频服务：https://cloud.tencent.com/product/vod
• 腾讯云多媒体处理服务：https://cloud.tencent.com/product/mps
• 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
• 腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发服务：https://cloud.tencent.com/product/mob
• 腾讯云存储服务：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务：https://cloud.tencent.com/product/baas
• 腾讯云元宇宙服务：https://cloud.tencent.com/product/mu