我的网站的移动端登录是左对齐的,而不是居中。我尝试手动调整边距,但这也会影响主页面。
我在检查器中测试时发现 640px 是临界点。在 639px 时
<html lang="en" class="text-size-normal anon touch discourse-touch desktop-view not-mobile-device" style="--powered-by-height: 0px;"> == $0
变成
<html lang="en" class="text-size-normal anon touch discourse-touch mobile-view mobile-device" style="--powered-by-height: 0px;"> == $0
有什么办法可以在不影响其他页面显示的情况下,让登录窗口在移动端保持居中?
pmusaraj
(Penar Musaraj)
2
您能分享一下您是如何操作的吗?或许可以附上一张未按预期显示的截图?谢谢!
这是有问题的页面的截图。(我已屏蔽实际的登录界面,因为这是一个私人网站)


我不记得上周修复这个问题具体做了什么,但我认为我只是给 <div>(你上面看到的白色框)添加了一个左边距。
我还注意到,当宽度小于 640px 时,<div> 出现在 <div> 下面。

1 个赞
pmusaraj
(Penar Musaraj)
4
我认为这里有一条 CSS 规则限制了 #main-outlet 的宽度。我怀疑它在你的自定义主题中。当我使用 Horizon(这是基于 Horizon 的,对吗?)时,我没有看到同样的问题。
你说得对!
我正在使用 Horizon,抱歉忘了提。我之前限制了主出口的宽度,以便为侧边栏腾出空间,使其不至于紧贴屏幕边缘。
我已经撤销了那些更改,现在登录屏幕占用了 100% 的屏幕空间,就像应该的那样。侧边栏现在必须紧贴屏幕边缘,但这远不是一个严重的问题。
谢谢!
1 个赞