如何用CSS媒体查询表示宽度开区间(600,800)？

要表示严格大于600px且严格小于800px的屏幕宽度区间，你可以结合min-width和max-width两个媒体特性实现，具体代码如下：

@media screen and (min-width: 600.1px) and (max-width: 799.9px) {
  background: #ccc; /* 替换为你需要的对应样式 */
}

补充说明： #

• 采用min-width: 600.1px是为了明确排除600px及以下的宽度，避免与(0,600]区间的样式触发冲突；
• max-width: 799.9px则排除了800px及以上的宽度，确保不会和[800,1000]区间的样式重叠；
• 选用带小数的像素值，是考虑到部分高DPI设备会产生非整数的屏幕宽度，能更精准地匹配严格开区间的要求。

内容的提问来源于stack exchange，提问作者Chor