开发应用程序时要遵循的离子布局结构

Ionic layout structure to be followed when developing application

我开始学习 Ionic。我有一些关于如何为全屏应用更好地构建布局的问题。

我开发了一个 Android 版本(本机)应用程序,客户要求我在混合模式下开发。 Android 应用程序自动调整到屏幕高度(登录屏幕)并且没有滚动。但是,如果我使用混合应用程序,滚动条就会出现并且 75% 的屏幕可见并且需要向下滚动。我应该遵循任何最佳实践来实现这一目标吗?还有为什么我们需要使用 SCSS 是因为它可以用来写基于 CSS 的分辨率吗?

我想看看您正在处理的登录页面,您可以显示屏幕截图,但是...我们可以说您应该调整 css 和内容页面以适应屏幕无需滚动。由于 android 屏幕碎片,您可能需要为每个屏幕尺寸组编写一些特定的 css 规则,但这取决于您尝试构建的设计页面。

这里有一篇关于 Css Media Queries

的文章

这里有一篇关于 Android Screen Fragmentation

的有用文章

另请记住,您可以禁用特定视图的滚动:

<ion-content scroll="false">
   ...
   ... 
</ion-content>