网站向桌面PC显示设备CSS媒体查询

时间:2014-12-08 04:51:42

标签: html css html5 responsive-design media-queries

我试过在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 */
}

这些计算机不在我当前的位置,因此很难对它们进行快速测试,但有没有人遇到过这种情况?或者知道这里发生了什么?

我感谢你能给我的任何见解。

0 个答案:

没有答案