正文 2000px 截图超出内容区 手机上能左右拖

.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content figure { max-width: 100%; }

文章里插了一张宽 2000 像素的后台截图，桌面端被裁掉右边，手机上整页能左右拖动，正文段落跟着一起偏，读起来很别扭。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。

追下去是这么回事：主题只给图片写了 height: auto，没有限制最大宽度，原图比内容区宽就直接顶出去。编辑器还带了 inline 的 width 属性，样式没覆盖住。

这次卡住的地方就在「正文图片溢出」这一环，单独把它拎出来验证，别和其他改动混在同一次发布里。同一份配置存在多处的，先确认改的是被加载的那一份。

新版本先放一台机器上跑一天再全量，问题一般在这段时间暴露。

处理上按这个顺序：正文图片统一加 max-width: 100% 和 height: auto，两行都要写；figure 和 figcaption 也一起限制宽度，别只管子元素；特别宽的表格截图单独包一层可横向滚动的容器，别让整页跟着滚。

确认没问题再收工，手机上打开这篇文章，正文不再左右拖动，宽图按容器宽度缩放，比例没有变形。