css - Nexus 7 和像素 2 的媒体查询是什么？

Question

我正在创建 Ionic 4 Angular 应用程序，该应用程序在大约 4 到 5 台设备附近运行。现在我无法为 nexus 7 和 Pixel 2 找到完美的媒体查询。给我一些建议或媒体查询这 2 次潜水？下面显示了我正在使用的媒体查询。

------------------------------------------------谷歌关系7------------------------------------------------ ---- @media screen and (min-device-width : 601px) and (max-device-width :970px) {}

-------------------------------------------------- -----像素2------------------------------------------- -------------- @media screen and (min-device-width : 411px) and (max-device-width :731px) {}

标签： cssmedia-queries

Answer 1

为特定设备创建媒体查询不会使您的应用程序面向未来。那里的设备太多了，一旦你发布你的应用程序就会有新的设备。从在非常小的设备上看起来不错的设计开始，然后在您发现项目太宽时添加媒体查询。