html - 更大尺寸智能手机的媒体查询,例如 note 3 和 galaxy s4

标签 html css mobile responsive-design media-queries

目前我正在使用以下媒体查询来定位一般的智能手机和移动设备受众:

@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 上的样子:

enter image description here

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

enter image description here

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

任何帮助将不胜感激!

最佳答案

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

它适用于 Twitter 的 Bootstrap,但它也应该适用于您的问题。

关于html - 更大尺寸智能手机的媒体查询,例如 note 3 和 galaxy s4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22177131/

相关文章:

html - Angular4 nav 导航选项卡样式不起作用

javascript - 无需重新加载即可在选项卡之间切换

google-chrome - "Impact"字体不适用于移动版 Chrome

mobile - 有 PDA 或 Outlook 同步框架吗?

android - 如何在 flutter 中使下拉项的宽度大于容器(下拉按钮)

html - 如何在汉堡菜单中将文本彼此对齐?

javascript - 以 html 输出时 Bootstrap 弹出窗口不起作用

html - 覆盖 HTML 和 CSS 类

html - Bootstrap 3 列内的固定高度可滚动 div

android - Wordpress 菜单栏在调整桌面大小时工作正常,但在移动浏览器上却不行