在 Google App Maker 中加入响应式设计



我一直在寻找一种适当的方法来使我的设计响应迅速,并在谷歌应用程序制作器中轻松与移动设备一起使用。使用"auto"表示水平宽度或垂直高度确实有助于解决这个问题,但即使使用 vw 的 css 字体大小调整文本大小也会导致我的内容与移动设备和网络不兼容。任何如何使Google App Maker更"移动友好"的想法,将不胜感激。

最好的选择是从灵活的布局开始。如果您设置fit to contentfill parent,面板将调整为可用空间,并且控件将通过设置minWidthmaxWidthminHeightmaxHeight在可用空间内缩放。

之后,您可以设计CSS格式来调整您定位的每个屏幕尺寸的布局。

根据 Google App Maker 页面样式指南:

要针对不同的屏幕尺寸自动调整布局,请在全局 CSS 中使用媒体查询。有关响应式设计的简介,请参阅响应式 Web 设计基础知识。有关示例,请参阅响应式布局网格。

最新更新