卡片中按钮的布局问题

咖啡因驱动的大猫

大家好,我在 MDUI 中的卡片组件下方添加了两个带图标的按钮,我希望这些按钮均匀使用 5 列空间,并在按钮之间有一定边距。

现在的代码在屏幕宽度大于 600px 的时候看起来很不错,但在小屏幕上看起来会很奇怪,按钮会互相重叠。


Demo:

https://miaowo.github.io/live-demo/prototype-btn-issue/prototype/


有什么办法解决这个问题吗?

我相信一定有更优雅的布局方法。

共 2 个回答
MDUI 作者

这两个按钮在小屏幕上本来就放不下,可以用媒体查询,在小屏幕上缩小按钮尺寸,缩小内边距。或者使用图标按钮,尺寸会小一点。

咖啡因驱动的大猫

其实直接使用媒体查询来在不同分辨率下使用不同的布局也可以,但总觉得会有更简单的办法。