CSS屏幕方向检测媒体查询的浏览器支持及数据准确性咨询

嘿，咱们先理清楚这个问题哈。首先你说的@media screen and (orientation:portrait)和@media screen and (orientation:landscape)这组媒体查询，确实是CSS3媒体查询规范里定义的用来检测屏幕横竖屏的特性，这点没毛病。

至于你提到的英国地区仅48%用户支持的数据，我敢说大概率是你在Can I Use上查看的时候选错了统计维度或者不小心看了过时的版本范围。现在实际情况是，这个特性的支持度已经高到离谱——几乎所有现代浏览器，不管是桌面端的Chrome、Firefox、Safari，还是移动端的iOS Safari、Android Chrome这些，都完全支持它。

可能的出错原因大概有这几个：

• 你可能筛选了非常老旧的浏览器版本，比如十几年前的IE8及更早的版本，这些确实不支持这个特性
• 统计维度选到了包含大量过时设备的细分群体
• 误把其他类似但不同的媒体查询特性的数据当成这个了

要是想确认准确的支持情况，建议你重新查看orientation特性的统计详情，默认的全球支持率已经超过98%，英国地区的支持率肯定也接近这个数，48%的结果明显不符合当前的实际浏览器生态。

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