我试过在SO和谷歌搜索这个但是找不到解决方案。我可能没有使用正确的语言进行搜索。
我有一个自适应的HTML5模板,我已经设置了CSS媒体查询,以不同的方式显示平板电脑/手机。但是我发现有2台计算机正在使用我已经设置的平板电脑视图显示网页。它们是Windows 7和Windows 8.1操作系统(在任何浏览器中),我在许多其他计算机上测试过,它们是我能够用它重现的唯一计算机。
我不确定这里发生了什么,但似乎很不寻常,可能是我的媒体查询设置不正确,但为什么它只会出现在2台计算机上?
以下是我设置的媒体查询:
/* Tablets (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* CSS CODE HERE */
}
/* Tablets (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* CSS CODE HERE */
}
/* Mobile (portrait) ----------- */
@media only screen and (max-device-width : 767px) and (orientation : portrait) {
/* CSS CODE HERE */
}
/* Mobile (landscape) ----------- */
@media only screen and (max-device-width : 767px) and (orientation : landscape) {
/* CSS CODE HERE */
}
这些计算机不在我当前的位置,因此很难对它们进行快速测试,但有没有人遇到过这种情况?或者知道这里发生了什么?
我感谢你能给我的任何见解。