fix(style): Fix Mobile mode width overflow #38
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
问题
原先首页主体框架最小宽度被设为
375px
,这样在 dpr(devicePixelRatio, 设备像素比)为 3 的移动设备中对应设备像素宽度为375 * 3 = 1125px
,那么在分辨率为 1080P 的移动设备下,首页宽度将大于屏幕宽度(1080px
),从而导致宽度溢出,页面上显示横向滚动条。例如在 soulteary/docker-flare#135 里有人提出遇到了这种问题。解决方案
将首页主体框架最小宽度设为
360px
。