三星10.1 Galaxy平板电脑不处理媒体查询

Question

我的问题是媒体查询在所有设备上工作正常，但问题出现在三星glaxay tab10.1，而它在ipad等工作正常请检查我的媒体查询

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 

Answer 1

这是因为三星Galaxy Tab 10.1的分辨率是800x1280，你正在寻找768x1024之间的设备，所以这不会工作

理想情况下，您应首先进行移动设备以及类似于这些媒体查询的内容

@media screen (min-width: 480px) {
    //css goes here
}

@media screen (min-width: 768px) {
    //css goes here
}

@media screen (min-width: 1024px) {
    //css goes here
}