需要最少的媒体查询

Posted 2023-03-06

【中文标题】需要最少的媒体查询

【英文标题】：Need minimum media queries

【发布时间】：2020-05-08 07:03:55

【问题描述】：

IPHONE X 的屏幕分辨率为 375*812。 IPAD 有 768*1024。那么如何编写仅适用于 IPHONE X 横向模式而不应适用于 IPAD 纵向模式的媒体查询。同样需要在 android 设备中实现，例如 android phone 和 android tab。 请通过最少的媒体查询帮助我。

【问题讨论】：

您可以在媒体查询中设置高度要求，但媒体查询越少越好。另外，向我们展示您已经尝试过的或尝试过的内容

我建议你谷歌一下，因为有数百个与媒体查询相关的网站

【参考方案1】：

question 和 this other one 可以帮助你。

您需要使用媒体查询的 min-width、max-device-width、min-height 和 max-height 属性。还要特别注意 orientation 属性，它可以让您将媒体查询定义为纵向或横向。

Here你已经列出了所有的属性。