Question

我正在尝试使用媒体查询来显示iPhone5，iPhone6，三星galaxy SIII和三星galaxy S4的不同风格的文本框。对于iPhone 5和iPhone 6，我得到了理想的结果。现在，当我从iPhone切换到三星s3时，我得到了正确的输出，但是当我尝试从S3切换到S4时，输出错误。这是我用于媒体查询的样式。附上截图也是如此。我在这里没有得到实际的问题。

Dictionary<int, string> hash = new Dictionary<int, string>();
 hash.Add(1, "PX");
   hash.Add(200, "RC");

 b.numberOfUnit = hash.Select(h => new ClassB_1
                                                    {
                                                        numberOfUnits = h.Key.ToString(),
                                                        typeOfUnit = h.Value.ToString()
                                                    })
                                                             .ToArray();

Answer 1

对于Galaxy S4，它所达到的设备宽度略高于400px。尝试将媒体查询更改为：

@media screen and (max-width: 480px) {
    .homeDOB {
        width:60% !important;
        height:80px !important;
        background-color: black;
    }
}

并查看它是否适用于您的手机。此外，这是视口必须使用：

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

Answer 2

三星galexy s3和s4的器件宽度为640px。试试这个

@media only screen and (max-width:640px){
    //your CSS rules
}

您可在此处找到设备宽度/高度列表http://www.canbike.org/CSSpixels/

媒体查询三星galaxy s3和s4

2 个答案: