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

fix(style): Fix Mobile mode width overflow #38

Merged
merged 1 commit into from
Jan 5, 2024

Conversation

LightAPIs
Copy link

问题

原先首页主体框架最小宽度被设为 375px,这样在 dpr(devicePixelRatio, 设备像素比)为 3 的移动设备中对应设备像素宽度为 375 * 3 = 1125px,那么在分辨率为 1080P 的移动设备下,首页宽度将大于屏幕宽度(1080px),从而导致宽度溢出,页面上显示横向滚动条。例如在 soulteary/docker-flare#135 里有人提出遇到了这种问题。

解决方案

将首页主体框架最小宽度设为 360px

@soulteary soulteary merged commit 15b0b7d into soulteary:main Jan 5, 2024
4 checks passed
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

Successfully merging this pull request may close these issues.

2 participants