由于 Easy Footer 主题组件，移动视图中的文本换行已损坏

Don · 2022 年5 月 9 日 07:38

你好，

这似乎是由此引起的 Easy Responsive Footer
该组件有一行 CSS #main-outlet 导致此问题。

github.com/discourse/Discourse-easy-footer

common/common.scss

6e2eee676


      
          // sticky footer
          #main > div:first-child {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
          }
          
          #main-outlet {
            flex: 1 0 auto;
            max-width: calc(100% - 20px);
            width: $large-width;
          }
          
          @media screen and (max-width: $large-width) {
            .custom-footer {
              .first-box {
                max-width: 100%;
                border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.05);
                margin-bottom: 1em;
                padding-bottom: 1em;

在主题组件主题中还有另一个关于此问题的报告。

在问题修复之前，您可以使用此快速修复。
转到 /admin/customize/themes 并创建一个新组件。
点击移动版 CSS 部分并添加以下内容。

#main-outlet {
  width: 100%;
  max-width: 100%;
}

话题		回复	浏览量
Broken width responsive mobile UX completed	9	531	2023 年8 月 17 日
Easy Responsive Footer Theme component official , easy-responsive-footer	109	38394	2025 年11 月 18 日
Easy responsive footer is visible in chat Support easy-responsive-footer	1	44	2025 年2 月 18 日
The mobile wrapping of my forum breaks frame Support	3	404	2022 年7 月 21 日
Footer text moves around Support	1	568	2020 年8 月 12 日

由于 Easy Footer 主题组件，移动视图中的文本换行已损坏

相关话题