当移动设备小于 1000px 时，强制 CSS 对 1000px 应用媒体查询

Question

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

我有最小宽度为 700 像素和最大宽度为 1000 像素的媒体查询 css（通常用于在浏览器上呈现移动设备）

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

感谢您的回复和意见。

Answer 1

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

试试 max-device-width:300px