媒体查询已弃用？

我试图进行设备检测（适用于智能手机，平板电脑和笔记本电脑），但最终进入了显示我所需要的几乎所有内容的站点。不幸的是，我被告知那些查询（例如：device-width）已被弃用！

有什么解决方法吗？

从到目前为止的实践来看，我可以确定特定于设备的媒体查询绝对不是正确的选择。您刚刚发布的线程还包含以下语句：

如果您对此有以下反应：切勿将断点基于设备！你有一个好点。

移动优先方法也是我不练习的事情。（从最小宽度开始）

适用于我所有项目的最佳实践，无论是应用程序还是简单的网站，都包含最大宽度媒体查询，该查询从您的主要分辨率开始，并在尽可能小的屏幕上完成。

诀窍不是使用严格的分辨率集，而是在调整视口大小时针对特定问题使用所需的分辨率。

只需转到MDN并阅读有关媒体查询的信息。仅对最小分辨率为1920px以上的像素使用最小宽度查询，对于较低分辨率的像素，则坚持使用最大宽度查询。

您可以放心使用的大多数通用媒体查询：

@media screen and (max-width: *px) {}

*是您要解决的视口宽度的像素宽度值。