您好，
我发现我的网站在平板电脑上无法响应。但是，如果我在安全模式下禁用插件，它是响应式的。我的网站上只有官方插件。
我的网站上有以下插件：
这个问题在 meta 上是不可见的。我认为这是因为 meta 没有使用 discourse-adplugin。
平板电脑上看到的网站：
您能否尝试禁用广告拦截器或使用隐身模式，看看是否会产生影响？
在隐身模式下也有同样的问题。
我怀疑这与新的侧边栏有关，因为如果我使用汉堡菜单隐藏侧边栏，网站就会变得响应式，并完美地与屏幕对齐。
1 个赞
恐怕我没有平板电脑可以亲自测试，但您能否尝试使用 enable experimental sidebar hamburger 和 enable sidebar 管理员设置禁用侧边栏，看看这是否能暂时有所帮助：
1 个赞
是的，如果我禁用这两个侧边栏设置，网站就会再次响应式显示并与屏幕对齐。问题与侧边栏有关。
您好，
我可以在您的网站上重现此问题。我认为这是因为顶部广告具有固定的宽度。我不确定是否可以选择响应式广告类型？
或者使用 CSS 设置宽度。可能需要更新 discourse 广告才能更好地与侧边栏配合使用……或者您对广告进行了任何修改？
1 个赞
您可以尝试将其添加到新的或现有的主题组件中，以检查其工作原理？
桌面 / CSS
@media screen and (max-width: 1000px) {
.google-adsense .google-adsense-content {
width: 100% !important;
}
}
2 个赞
我已经添加了 CSS。现在主网站上没有此问题，但所有页面上都有此问题。
我没有对广告进行任何修改。我在 AdSense 插件中使用固定大小的广告置于主题列表上方。
1 个赞
我已经切换了设置。您能再试一次吗？？
明白了。我认为问题出在固定宽度广告上。例如，如果您在侧边栏折叠的情况下打开网站，然后展开侧边栏，它也会将全尺寸广告拉到右侧，并且仅在完全刷新页面后才更新广告宽度。
很遗憾，我现在无法在我的测试网站上尝试。
但我可以想象类似的方法也适用于其他广告。您能否尝试将之前的代码更改为此？
@media screen and (max-width: 1110px) {
.google-adsense .google-adsense-content {
width: 100% !important;
.adsbygoogle {
width: 100% !important;
> div {
width: 100% !important;
}
}
}
}
1 个赞
我已经用新的 CSS 替换了之前的 CSS。但所有页面仍然存在同样的问题，而主网站没有。我也尝试清除缓存，但问题依旧。
1 个赞
抱歉，这是我目前最好的建议，但至少我们现在知道广告会导致此问题。我认为您可以删除该代码，以确保它不会与将来的修复程序冲突。
1 个赞
谢谢你的帮助。我希望有人能尽快解决这个问题。
1 个赞
你好，哦是的，我可以重现它。似乎在侧边栏打开的主题页面上，790px 以下的底部 .loading-container 的 max-width 导致了这个问题。
也许当 .has-sidebar-page 可用时，将 --d-sidebar-width 添加到此计算中会更好？
但我认为在移动视图的这个屏幕尺寸下，你的体验会更好。
总结：
在最新页面上，顶部广告的固定宽度导致了这个问题，在我上面提到的主题页面上也是如此。
这个快速修复应该对你有用。
桌面 / CSS
.google-adsense .google-adsense-content {
max-width: 100%;
.adsbygoogle {
max-width: 100%;
> div {
max-width: 100%;
}
}
}
@media all and (max-width: 790px) {
body.has-sidebar-page {
.topic-area > .loading-container {
max-width: calc(100vw - var(--d-sidebar-width) - 32px);
}
}
}
2 个赞
谢谢你，Don。现在这个网站在我的平板电脑上响应迅速，并且运行正常。我希望 Discourse 的工作人员也能修复 meta 上的这个 bug。
1 个赞