最推荐用于手机和平板设备的 CSS 媒体查询 [重复]

Posted 2023-03-06

【中文标题】最推荐用于手机和平板设备的 CSS 媒体查询 [重复]

【英文标题】：Most recommended CSS Media Query for Mobile Phones and Tablet Devices [duplicate]

【发布时间】：2017-03-25 09:00:53

【问题描述】：

我想深入了解针对手机（手持）和平板电脑最推荐的 CSS 媒体查询。我有以下代码，我想知道它是否

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (min-device-width : 768px) 
    /*style*/

谢谢！

【问题讨论】：

@nicholas 谢谢。没有看到。我会参考的。

【参考方案1】：

这会有帮助...

 @media (min-width:320px)   /* smartphones, portrait iPhone, portrait 480x320 phones (android) */ 
    @media (min-width:480px)   /* smartphones, Android phones, landscape iPhone */ 
    @media (min-width:600px)   /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
    @media (min-width:801px)   /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    @media (min-width:1025px)  /* big landscape tablets, laptops, and desktops */ 
    @media (min-width:1281px)  /* hi-res laptops and desktops */ 

【讨论】：

啊，是的。这就是我要找的！谢谢。