在移动视图中叠加拉伸

问题描述 投票:0回答:1

我想让覆盖拉伸以覆盖移动视图中的所有内容,例如 4 行,每行 2 个单元格,总共 7 个单元格。最后一行只有一个单元格。

这是我编写的代码,在桌面视图上很好。.我的要求在移动视图上已在上面详细说明。enter image description here

html css mobile bootstrap-5 compatibility
1个回答
0
投票

对于小屏幕(例如手机),您希望以 4 行显示内容,每行 2 个框。最后一行只有 1 个覆盖整个宽度的框。

要实现这一点,您需要根据屏幕尺寸更改布局样式。在小屏幕上,您不希望并排显示盒子,而是希望它们彼此堆叠,每行 2 个盒子,除了最后一行只有 1 个宽盒子。

欲了解更多请分享您的代码。

© www.soinside.com 2019 - 2024. All rights reserved.