Question

我想基于离子2为我的应用程序设计响应式webview。但是在 CSS 中我们使用 PX 单元，我认为这不考虑解决方案。无论如何基于这样的设计？

Answer 1

通过在CSS中使用@media查询，您可以找到＆＃34; px＆＃34;测量访问您网页的设备。对于每个查询，可以修改CSS以便以不同方式显示。有关其用途的说明，请参阅随附的W3Schools链接。

以下github存储库提供了一个媒体查询模板，可用于允许多种设备类型和分辨率。

例如：

@media only screen 
and (min-width : 321px) {
/* Insert styles here */
}

如果分辨率宽度（以px为单位）至少为321px，则将使用其中的样式。

单击以下链接并调整结果框的大小。这给出了媒体查询使用的一个例子。