根据屏幕大小控制元素大小

Posted

技术标签:

【中文标题】根据屏幕大小控制元素大小【英文标题】:Controlling element sizes depending on screen size 【发布时间】:2020-09-29 19:14:42 【问题描述】:

有什么方法可以让我们根据屏幕大小调整应用程序中的所有内容,例如 css 中的rem 属性。因为所有小部件都需要像素大小的大小,不同的屏幕大小可能会有所不同。

【问题讨论】:

【参考方案1】:

因为所有小部件都需要像素大小的大小

实际上,flutter 使用density independent pixels (dp) 作为宽度/高度参数。 dp 实际上随分辨率缩放,这意味着 1 dp 在每个设备上显示为相同的物理距离。

但是对于相对布局,有一些选择:

    Flexible Expanded MediaQuery LayoutBuilder GridView other layout options

【讨论】:

以上是关于根据屏幕大小控制元素大小的主要内容,如果未能解决你的问题,请参考以下文章

根据屏幕大小动态更改元素位置

在 Flutter 中根据屏幕大小重新排列 UI 元素

css 根据屏幕大小显示或隐藏元素的类。

Bootstrap 根据屏幕大小显示行中的元素数

使用 CAPSPageMenu 控制器标题的页面视图控制器未根据 iOS 10 中的屏幕大小显示?

在不调整 cypress 视口大小的情况下捕获元素的屏幕截图