目前我正在使用以下媒体查询来定位一般的智能手机和移动设备受众:
@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/
任何帮助将不胜感激!
最佳答案
在这里查看答案:Twitter Bootstrap 3: how to use media queries?
它适用于 Twitter 的 Bootstrap,但它也应该适用于您的问题。
关于html - 更大尺寸智能手机的媒体查询,例如 note 3 和 galaxy s4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22177131/