HTML 媒体查询最小值和最大值

Question

这是我当前的代码：

<link rel="stylesheet" href="mobile.css" media="screen and (max-width: 750px)">

是否有最小和最大查询选项？

我试过了media="screen and (min-width: 250px), screen and (max-width: 750px)" 但是没用。

有解决办法吗？

Answer 1

在style.css中应该有这样的查询。

示例：在 600 像素或更小的屏幕上，将背景颜色设置为橄榄色

@media screen and (max-width: 600px) {
  body {
    background-color: olive;
  }
}

Answer 2

你可以像这样简单地使用。

    @media only screen and (min-device-width: 767px) and (max-device-width: 1024px) {
    /*  your code here */
    }

Answer 3

我认为你需要这种方式

为样式路由创建一个文件，并在@media 中导入任何大小的其他样式文件

示例：

@media only screen and (max-width: 750px) {
   @import "./example.css";
}

HTML media query min AND max value