docker-flare
docker-flare copied to clipboard
关于移动端布局的建议
trafficstars
请描述你为什么要申请这个功能,是在使用的过程中遇到了什么问题嘛?
pc端界面不错,可是当我有的书签分类很多个,有的书签分类只有几个时,然后在Safari中打开网页是时就会出现参差不齐的界面,这样的布局在pc中无伤大雅,可是在移动端中就显得很突兀
请描述你想要得到的结果
短的分类由下一个分类顶上空白部分
请描述你想要的替代方案
在所有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; } }
实现的样式如下图:
虽然排列的顺序是从上到下,然后再从左到右,但是移动端的界面布局会美观很多
搜索
- [X] 在提交这个表格之前,我已经进行了相关问题搜索,没有找到相关的问题或解决方案。
补充描述
No response
@soulteary