大型智能手机的媒体查询，例如note 3和galaxy s4答案

【问题标题】：Media query for larger smartphones such as the note 3 and galaxy s4大型智能手机的媒体查询，例如note 3和galaxy s4
【发布时间】：2014-04-06 07:02:56
【问题描述】：

目前，我正在使用以下媒体查询来定位普通智能手机和移动设备受众：

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
.img-logo-main-page{
    display: none;
}
.img-tech-main{
    display: none;
}
.icon-message{
    display: none;
}

}

但对于更新、更大屏幕的设备，这似乎行不通！这是该网站在 Galaxy s3 上的外观：

这就是它在 Galaxy Note 3 上的样子：

是否有针对像这个这样的更大设备的媒体查询？我一直在寻找 css-tricks 和其他类似的论坛和网站，但我能找到的只是像这样的标准设备的一般媒体查询：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

任何帮助将不胜感激！

【问题讨论】：

标签： html css mobile responsive-design media-queries

【解决方案1】：

在这里查看答案：Twitter Bootstrap 3: how to use media queries?

它适用于 Twitter 的 Bootstrap，但它也适用于您的问题。

【讨论】：

【解决方案2】：

您可以为min-device-width 和max-device-width 的媒体查询设置自己的值。

您需要调整默认的像素比例。在 Galaxy S3 上试试 @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2)。

【讨论】：

注意使用@media only screen and (max-width: 360px) and (max-height: 640px) and (-webkit-device-pixel-ratio: 3)