Skip to content

关于移动端布局的建议 #175

@yejiuxing

Description

@yejiuxing

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

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

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

搜索

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

补充描述

No response

@soulteary

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions