强制 CSS 在移动设备小于 1000 像素时应用 1000 像素的媒体查询

Question

我想知道以下情况是否可能：

我有最小宽度为 700px 和最大宽度 1000px 的媒体查询 css(通常用于浏览器上的移动设备渲染(

但是，当小于 1000 像素或大约 300 像素的旧移动设备时，强制网站对最小宽度为 700 像素和最大宽度 1000 像素应用媒体查询？

我感谢回应和投入。

Answer 1

@media only screen and (max-width: 1000px) and (min-width: 700px) , screen and (max-device-width:300px) 
{...}

尝试最大设备宽度：300px