Android 三星Galaxy S3媒体查询

我有一个公文包网站，我正试图使其响应，我希望能够显示给我的S3上的人，虽然我有一点困难，让它工作使用媒体查询。我使用了诊断工具，在手机上安装的两个浏览器（三星的默认浏览器和Chrome）上获得了两个不同的设备宽度值，所以我刚刚使用了“宽度”和设备像素比

以下是我的样式表中的内容：

body, html
{
    display: block;
    font-family: quicksand, arial;
    background-color: #EFEFEF;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#container
{
    background-color: red;
    width: 50%;
    height: 50%;
}

@media only screen and (max-width: 22em) and (-webkit-device-pixel-ratio: 2)
{ 
    #container
    {
        width: 100%;
        height: 100%;
        background-color: yellow;
    }   
}

由于某些原因，即使我在S3上查看页面，背景色仍然是红色。

---

我错过了什么吗？

在我的三星S3上，Android 4.1.2，我尝试了所有的媒体查询功能（最大高度、宽度、设备高度和宽度，甚至颜色：8），但这对我有效：

/* Samsung S3 default browser portrait*/
@media only screen and (device-width: 720px) and (device-height: 1280px) and (orientation: portrait) {
body { background:yellow;} 
}

/* Samsung S3 default browser landscape */
@media only screen and (device-width: 1280px) and (device-height: 720px) and (orientation: landscape)  {
body { background:#000;} 
}

对于媒体查询诊断工具，请测试所有可能的查询

请注意这两种方法都可以在没有定向的情况下工作，但在没有加载/刷新的情况下不会更改适当性

---

希望这有助于避免与您在我的三星S3上使用Android 4.1.2时使用的任何其他查询发生冲突，同时我尝试了所有媒体查询功能（最大高度、宽度、设备高度和宽度，甚至颜色：8），但这对我有效：

/* Samsung S3 default browser portrait*/
@media only screen and (device-width: 720px) and (device-height: 1280px) and (orientation: portrait) {
body { background:yellow;} 
}

/* Samsung S3 default browser landscape */
@media only screen and (device-width: 1280px) and (device-height: 720px) and (orientation: landscape)  {
body { background:#000;} 
}

对于媒体查询诊断工具，请测试所有可能的查询

请注意这两种方法都可以在没有定向的情况下工作，但在没有加载/刷新的情况下不会更改适当性

---

希望这有助于避免与您可能使用的任何其他查询冲突

您使用

em

而不是

px

的任何特定原因？不太可能，当我使用（最大宽度：360px）时，它似乎也不起作用…您可以尝试使用

-webkit最小设备像素比：1.5

看看它是否起作用？如果不起作用，您能否尝试使用

最大设备宽度
？我相信是720像素。您需要检查仍然不起作用：-（您使用
em
而不是
px
的任何特定原因？不太可能，当我使用时它似乎不起作用（最大宽度：360px）不过……你能试试
-webkit最小设备像素比：1.5吗？如果不行，你能试试
最大设备宽度吗？我相信是720px。你需要检查它是否仍然不起作用：-(