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

时间:2015-03-10 07:47:06

标签: css media-queries

我的问题是媒体查询在所有设备上工作正常,但问题出现在三星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) 

1 个答案:

答案 0 :(得分:0)

这是因为三星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
}