html - Css 媒体查询无法正常工作

Question

问题

CSS 媒体查询在智能手机和 Phablets 中运行不佳，但在模拟器中运行良好。问题是媒体查询未匹配。例如我的手机屏幕尺寸是 320px 但它应用 720px css。

也许

我认为问题是由于缺少“(min-device-pixel-ratio : 1.5)”造成的。但我不知道它是什么以及如何使用它..

网站

Hava look at the website | AtDrive.com

    @media only screen and (min-width: 480px) and (max-width: 619px)
    @media only screen and (min-width: 320px) and (max-width: 479px)
    @media only screen and (min-width: 250px) and (max-width: 319px)
    @media only screen and (max-width: 249px)

Answer 1

这是您网页的元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">