Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug(website): 响应式设计及移动端适配 #266

Open
y-young opened this issue Dec 21, 2022 · 8 comments
Open

Bug(website): 响应式设计及移动端适配 #266

y-young opened this issue Dec 21, 2022 · 8 comments

Comments

@y-young
Copy link
Contributor

y-young commented Dec 21, 2022

image

宽度按设计稿写死还是不太优雅

@Ayase-252
Copy link
Contributor

Screenshot 2022-12-21 at 23 02 57

感觉自适应有点问题

@y-young
Copy link
Contributor Author

y-young commented Dec 21, 2022

宽度写死的话肯定有问题,感觉还是做成响应式设计比较好,问题是设计稿上怎么体现

@Ayase-252
Copy link
Contributor

Ayase-252 commented Dec 21, 2022

太窄的时候隐藏小组信息?旧站现在是这么做的

@y-young
Copy link
Contributor Author

y-young commented Dec 21, 2022

手机和平板那种宽度另当别论,在桌面端的显示方式得统一吧,本来用flex布局是可以的,就是效果会跟设计稿有出入

@trim21
Copy link
Contributor

trim21 commented Dec 21, 2022

宽度写死的话肯定有问题,感觉还是做成响应式设计比较好,问题是设计稿上怎么体现

设计稿没体现…我感觉直接隐藏小组消息好了

@y-young
Copy link
Contributor Author

y-young commented Dec 22, 2022

我感觉直接隐藏小组消息好了

其实不仅是小组页面的问题,登录页在我这里样式也是崩坏的:
image

看来不能照搬设计稿用固定宽度,得灵活变通

@trim21 trim21 changed the title Bug(website): 小组讨论详情页在150%缩放下日期没有对齐 Bug(website): 移动端适配 Dec 22, 2022
@y-young y-young changed the title Bug(website): 移动端适配 Bug(website): 响应式设计及移动端适配 Dec 23, 2022
@vistaing
Copy link

我是想之后单独开一个 Figma 页面来探讨响应式设计的问题,去描述各种自适应规则,现在主要是觉得很多页面没有出来,有的内容不太好说,不过我脑子里有不少雏形:比如像小组页面那种,可能左右分栏设计在更小的页面尺寸下就要变成上下关系

@y-young
Copy link
Contributor Author

y-young commented Jan 12, 2023

比如像小组页面那种,可能左右分栏设计在更小的页面尺寸下就要变成上下关系

这种以及小屏幕隐藏之类的备注一下应该就好了,电脑上不同屏幕大小的适配就得依赖网格比例之类的规则了,不同页面还不太一样

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants