android - 媒体查询用两种风格捕捉一切

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
}