从到目前为止的实践来看,我可以确定特定于设备的媒体查询绝对不是正确的选择。您刚刚发布的线程还包含以下语句:
如果您对此有以下反应:切勿将断点基于设备!你有一个好点。
移动优先方法也是我不练习的事情。(从最小宽度开始)
适用于我所有项目的最佳实践,无论是应用程序还是简单的网站,都包含最大宽度媒体查询,该查询从您的主要分辨率开始,并在尽可能小的屏幕上完成。
诀窍不是使用严格的分辨率集,而是在调整视口大小时针对特定问题使用所需的分辨率。
只需转到MDN并阅读有关媒体查询的信息。仅对最小分辨率为1920px以上的像素使用最小宽度查询,对于较低分辨率的像素,则坚持使用最大宽度查询。
您可以放心使用的大多数通用媒体查询:
@media screen and (max-width: *px) {}*是您要解决的视口宽度的像素宽度值。