Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 针对note 3和galaxy s4等大型智能手机的媒体查询_Html_Css_Mobile_Responsive Design_Media Queries - Fatal编程技术网

Html 针对note 3和galaxy s4等大型智能手机的媒体查询

Html 针对note 3和galaxy s4等大型智能手机的媒体查询,html,css,mobile,responsive-design,media-queries,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; } } 但对于更新、更大屏幕的设备,这似乎

目前,我正在使用以下媒体查询以普通智能手机和移动设备观众为目标:

@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上的外观:

这就是它在星系上的样子注3:

对于像这样的大型设备,是否有媒体查询?我一直在寻找css技巧和其他类似的论坛和网站,但我所能找到的只是像这样的标准设备的一般媒体查询:


任何帮助都将不胜感激

您可以为媒体查询设置自己的
最小设备宽度
最大设备宽度

您需要从默认值调整像素比率。请尝试使用Galaxy S3的纯媒体屏幕和(设备宽度:320px)和(设备高度:640px)以及(-webkit设备像素比:2)。

在此处查看答案:


这是Twitter的引导,但它也应该适用于你的问题

请注意,使用@media-only屏幕和(最大宽度:360px)和(最大高度:640px)以及(-webkit设备像素比:3)