# 登录屏幕在小于 640px 的屏幕上未居中 **URL:** \ **Category:** Support\ **Created:** [2025年十一月17日 16:05 UTC](https://meta.discourse.org/t/login-screen-isnt-centered-on-screens-smaller-than-640px/388728 "2025-11-17T16:05:41Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Jack\_McCarthy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jack_mccarthy/32/487139_2.png) [@Jack\_McCarthy](https://meta.discourse.org/u/Jack_McCarthy)\ **Post date:** [2025年十一月17日 16:05 UTC](https://meta.discourse.org/t/login-screen-isnt-centered-on-screens-smaller-than-640px/388728/1 "2025-11-17T16:05:41Z")
我的网站的移动端登录是左对齐的，而不是居中。我尝试手动调整边距，但这也会影响主页面。 我在检查器中测试时发现 640px 是临界点。在 639px 时 ```plaintext == $0 ``` 变成 ```plaintext == $0 ``` 有什么办法可以在不影响其他页面显示的情况下，让登录窗口在移动端保持居中？ ---
**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\ **Post date:** [2025年十一月17日 17:17 UTC](https://meta.discourse.org/t/login-screen-isnt-centered-on-screens-smaller-than-640px/388728/2 "2025-11-17T17:17:27Z")
> [@Jack\_McCarthy](#): > > 我尝试手动调整页边距，但这同样影响了主页面。 您能分享一下您是如何操作的吗？或许可以附上一张未按预期显示的截图？谢谢！ ---
**Author:** ![Jack\_McCarthy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jack_mccarthy/32/487139_2.png) [@Jack\_McCarthy](https://meta.discourse.org/u/Jack_McCarthy)\ **Post date:** [2025年十一月17日 17:29 UTC](https://meta.discourse.org/t/login-screen-isnt-centered-on-screens-smaller-than-640px/388728/3 "2025-11-17T17:29:18Z")
这是有问题的页面的截图。（我已屏蔽实际的登录界面，因为这是一个私人网站） ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/b/c0b80e5ac9dcf4687125e08816d1fd3925966d48.png) ![image](https://global.discourse-cdn.com/meta/original/4X/5/c/f/5cf32fb652f8616a501a883725373fb6579e1bd1.png) 我不记得上周修复这个问题具体做了什么，但我认为我只是给 `
`（你上面看到的白色框）添加了一个左边距。 我还注意到，当宽度小于 640px 时，`
` 出现在 `
` 下面。 ![image](https://global.discourse-cdn.com/meta/original/4X/5/4/7/547c1e4dedfd0229241693da48201f3c24a31689.png) ---
**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\ **Post date:** [2025年十一月17日 19:17 UTC](https://meta.discourse.org/t/login-screen-isnt-centered-on-screens-smaller-than-640px/388728/4 "2025-11-17T19:17:17Z")
我认为这里有一条 CSS 规则限制了 `#main-outlet` 的宽度。我怀疑它在你的自定义主题中。当我使用 Horizon（这是基于 Horizon 的，对吗？）时，我没有看到同样的问题。 ---
**Author:** ![Jack\_McCarthy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jack_mccarthy/32/487139_2.png) [@Jack\_McCarthy](https://meta.discourse.org/u/Jack_McCarthy)\ **Post date:** [2025年十一月17日 21:39 UTC](https://meta.discourse.org/t/login-screen-isnt-centered-on-screens-smaller-than-640px/388728/5 "2025-11-17T21:39:05Z")
你说得对！ 我正在使用 Horizon，抱歉忘了提。我之前限制了主出口的宽度，以便为侧边栏腾出空间，使其不至于紧贴屏幕边缘。 我已经撤销了那些更改，现在登录屏幕占用了 100% 的屏幕空间，就像应该的那样。侧边栏现在必须紧贴屏幕边缘，但这远不是一个严重的问题。 谢谢！ ---
**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\ **Post date:** [2025年十二月17日 21:39 UTC](https://meta.discourse.org/t/login-screen-isnt-centered-on-screens-smaller-than-640px/388728/6 "2025-12-17T21:39:31Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.