如何适应不同的屏幕尺寸

Posted

技术标签:

【中文标题】如何适应不同的屏幕尺寸【英文标题】:How to fit different screen size 【发布时间】:2020-01-20 08:43:16 【问题描述】:

我的应用在 iphone 上看起来不错,元素覆盖了整个屏幕,但在 ipad 中它们只覆盖了一半的屏幕。 如何根据尺寸设备调整尺寸?

【问题讨论】:

对不同尺寸使用自适应布局和约束。 我该怎么做? 您可以在这里找到答案:***.com/questions/41272850/… 和这里:***.com/questions/38012284/… 【参考方案1】:

如上所述,您可以根据设备大小添加不同的约束。然而,一个定义良好的布局应该在所有屏幕上都能很好地工作。

Apple 文档总是一个很好的起点:https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/WorkingwithConstraintsinInterfaceBuidler.html#//apple_ref/doc/uid/TP40010853-CH10-SW1

【讨论】:

以上是关于如何适应不同的屏幕尺寸的主要内容,如果未能解决你的问题,请参考以下文章

如何让 Flutter 小部件适应不同的屏幕尺寸

如何使用 Xcode 8 上的自动布局调整对象的大小以适应不同的屏幕尺寸?

如何使用 Autolayout 缩放 Xcode 6 上的按钮以适应不同的屏幕尺寸?

如何调整html中的图像大小以适应屏幕尺寸?

调整按钮以适应不同的屏幕尺寸

如何调整标签大小以适应任何屏幕尺寸