标签： 移动端适配
-
本文记录了排查博客旧文章在移动端图片错位的过程。经测试发现，问题并非全站模板失效，而是集中在早年使用经典编辑器发布的文章中。根源在于图片外层容器 figure.wp-caption 写入了内联固定宽度，导致移动端无法正常缩放。最终，通过升级全局 CSS 覆盖 width 和 max-width 属性，实现了对历史遗留结构的兼容性修复，并确认了缓存对验证效果的影响。
-
针对 WordPress 单篇文章页面桌面端和移动端出现的横向滚动条问题，文章记录了完整的排查与修复过程。经检测，问题并非由主题结构导致，而是 WPCode 插入的 AdSense 广告及其动态生成的 iframe 撑开了页面宽度。最终通过添加限制容器最大宽度的 CSS 修复了桌面端问题，并针对移动端 AdSense iframe 的 20px 溢出进行了兜底处理，成功消除了横向滚动条。
-
本文记录了解决 WordPress 归档页移动端横向滚动条与 Google AdSense 报错 availableWidth=0 的排查过程。经过对 CSS 和广告代码的多次尝试，发现两者无法同时修复。最终将侧边栏的 Gutenberg 区块结构从 Stack 替换为 Group，成功消除了报错和滚动条，使广告无需固定宽度即可正常加载，并恢复了侧边栏的布局自然间距。
-
针对WordPress 2025主题采用块编辑器导致传统PHP钩子失效的问题，本文介绍了利用WPCode插件通过短代码在侧边栏投放AdSense广告的方法。操作过程包括创建广告代码片段、生成短代码并在侧边栏区块中插入。文章重点解决了因容器宽度未定义导致广告无法显示的控制台报错，通过为广告代码设置宽度样式实现了桌面端与移动端的正常展示。