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
}

Media Query使用两种样式捕获所有内容

1 个答案: