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

Question

我的问题是媒体查询在所有设备上都运行良好，但问题出现在 samsung 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
}