开发应用程序时要遵循的离子布局结构
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>
我开始学习 Ionic。我有一些关于如何为全屏应用更好地构建布局的问题。
我开发了一个 Android 版本(本机)应用程序,客户要求我在混合模式下开发。 Android 应用程序自动调整到屏幕高度(登录屏幕)并且没有滚动。但是,如果我使用混合应用程序,滚动条就会出现并且 75% 的屏幕可见并且需要向下滚动。我应该遵循任何最佳实践来实现这一目标吗?还有为什么我们需要使用 SCSS 是因为它可以用来写基于 CSS 的分辨率吗?
我想看看您正在处理的登录页面,您可以显示屏幕截图,但是...我们可以说您应该调整 css 和内容页面以适应屏幕无需滚动。由于 android 屏幕碎片,您可能需要为每个屏幕尺寸组编写一些特定的 css 规则,但这取决于您尝试构建的设计页面。
这里有一篇关于 Css Media Queries
的文章这里有一篇关于 Android Screen Fragmentation
的有用文章另请记住,您可以禁用特定视图的滚动:
<ion-content scroll="false">
...
...
</ion-content>