docker-flare icon indicating copy to clipboard operation
docker-flare copied to clipboard

关于移动端布局的建议

Open yejiuxing opened this issue 11 months ago • 0 comments
trafficstars

请描述你为什么要申请这个功能,是在使用的过程中遇到了什么问题嘛?

pc端界面不错,可是当我有的书签分类很多个,有的书签分类只有几个时,然后在Safari中打开网页是时就会出现参差不齐的界面,这样的布局在pc中无伤大雅,可是在移动端中就显得很突兀 微信截图_20241205103620

请描述你想要得到的结果

短的分类由下一个分类顶上空白部分

请描述你想要的替代方案

在所有bookmark-group-container的div外层增加一个div,div的class为 @media (max-width: 767px) { #class名称 { column-count: 2; } } 然后修改container-bookmakrs .bookmark-group-container移动端的css,30%修改为100% @media (max-width: 767px) { #container-bookmakrs .bookmark-group-container { width: 100%; float: none; } } 实现的样式如下图: 微信截图_20241205104338

虽然排列的顺序是从上到下,然后再从左到右,但是移动端的界面布局会美观很多

搜索

  • [X] 在提交这个表格之前,我已经进行了相关问题搜索,没有找到相关的问题或解决方案。

补充描述

No response

@soulteary

yejiuxing avatar Dec 05 '24 02:12 yejiuxing