媒体查询以两种样式捕获所有内容

Question

我的显示器有两种基本样式。一种是左右两个盒子，一种是上下两个盒子。我的目标只是设置我的媒体查询，以便将所有情况分组到适当的设置（这两个选项中）。

出于某种原因，这个设置在我的nexus 6 上显示为“大”设置，尽管它应该显示在小设置上。怎么回事……

    <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 1px) and (max-device-width: 800px)" href="SmallStyle.css">
    <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 801px) and (min-width: 1px) and (max-width: 800px)" href="SmallStyle.css">
    <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 801px) and (min-width: 801px) and (max-width: 3000px)" href="BigStyle.css">

Answer 1

你为什么不使用 1 个带有媒体查询的 css 文件，如下所示：

@media screen and (max-width: 800px) {
//code here
}