如何使所有手机的屏幕都舒适?

Posted

技术标签:

【中文标题】如何使所有手机的屏幕都舒适?【英文标题】:How can I make screen comfortable for all mobiles? 【发布时间】:2021-12-04 23:23:20 【问题描述】:

当我在我的安卓手机上开发屏幕时,它看起来很完美......但是当我在另一个安卓手机上运行屏幕时,它看起来并不完美......这个问题的解决方案是什么

【问题讨论】:

剪裁多余和流动的布局以隐藏多余的内容。有许多不同的纵横比,简单的缩放是无法解释的。长宽比差异的基本问题和解决方案可以在这里找到rtings.com/tv/learn/what-is-the-aspect-ratio-4-3-16-9-21-9(不同的移动设备同样适用) 【参考方案1】:

使用flutter_screenutil插件,用于调整屏幕和字体大小, 这是链接

https://pub.dev/packages/flutter_screenutil

【讨论】:

【参考方案2】:

您始终可以使用 MediaQuery 使您的应用具有响应性并适合任何屏幕。 Here,你可以找到一些关于它的信息和一个很好的视频来解释它是如何工作的。

【讨论】:

【参考方案3】:

除了 Mohammed 所说的之外,还要努力声明您的媒体查询高度、宽度,并在您需要绝对值的每个点使用它。

【讨论】:

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。【参考方案4】:

您不应该使用绝对定位和绝对大小,您需要让您的应用灵活。新的 Flutter 用户面临的主要问题是他们的内容被溢出。大多数情况下,要解决此问题,您必须使用某种滚动来包裹小部件,例如 SingleChildScrollView

查看此link 了解有关溢出的更多详细信息,查看此link 了解有关自适应应用程序的更多详细信息。

【讨论】:

以上是关于如何使所有手机的屏幕都舒适?的主要内容,如果未能解决你的问题,请参考以下文章

如何使图像适应手机屏幕

如何使网页宽度自动适应手机屏幕的宽度?

手机chrome全屏不横屏

Swift 如何使 UIView 大于手机屏幕-我们可以让它的大小与图像大小相同然后缩小

当按下屏幕或手机上的后退按钮时,如何使 Android 中的 MP3 流媒体继续运行?

安卓手机屏幕分辨率怎么调整?