Elementor 里把移动端断点从 767 改成 768,桌面和平板都正常,375 像素宽的手机上两列卡片挤成一行,右列被压到 120 像素,文字一行只放得下四个字。乍看像缓存或者权限的锅,追下去往往不是。
wp elementor flush-css wp cache flush # 后台 Elementor 工具里重新生成 CSS
追下去是这么回事:断点值改过之后,旧页面控件里存的 _elementor_data 还是按老断点生成的,前端媒体查询按新值输出,两边对不上。Container 的 flex-basis 仍写着 50%,没有跟着断点重算,窄屏也不换行。
「Elementor 断点错位」这个问题文档写得含糊,实际行为以当前版本为准,别照旧版本的结论套。一次只改一处,改完立刻验证,几个改动叠在一起,出问题就说不清是谁导致的。
先做最小复现,能稳定跑出来的问题,排查成本会低一个数量级。
具体做法是,先在无痕窗口看 375 像素下的实际宽度,确认不是缓存;打开该容器的响应式视图,把移动端宽度改成 100%,别只改断点数值;清构建器 CSS 和页面缓存,重新生成一次样式文件。
验收就看一点,375 像素宽下两张卡片上下排列,右列铺满,页面不再出现横向滚动条。
