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)