图片在VS Code预览正常，部署到DreamHost后无法缩放

• 强制清除浏览器缓存
  浏览器可能缓存了旧的CSS规则，按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，或者在浏览器开发者工具的Network面板勾选「Disable cache」后重新加载，验证新样式是否生效。

• 检查CSS选择器优先级冲突
  打开浏览器开发者工具（F12）选中图片元素，查看「Styles」面板：如果你的缩放样式被划掉，说明被更高优先级的规则覆盖。可以提升选择器优先级，比如给图片添加专属类名，用.sample-blog-img { max-width: 100%; height: auto; }代替通用img选择器；临时用!important标记样式（仅用于验证，不建议长期使用）。

• 验证图片文件与路径
  DreamHost服务器为Linux系统，文件名区分大小写，确认服务器上的图片文件名和HTML中src属性完全一致（比如sample-blog.png不能写成Sample-Blog.png）。同时在开发者工具Network面板查看图片请求状态，确认图片成功加载，且Last-Modified时间为最新上传时间。

• 确认CSS文件完整性
  登录DreamHost文件管理器，打开目标CSS文件核对内容是否和本地一致。FTP上传可能因中断导致文件不完整，重新上传CSS文件确保传输无误。

• 检查父容器样式
  图片缩放依赖父容器的尺寸限制，确认服务器上父容器的width、display属性是否和本地一致：比如容器是否设置了display: inline（会导致宽度自适应内容而非父级），或未明确设置宽度值。确保父容器有明确宽度（如width: 90%），图片设置max-width: 100%; height: auto;。

内容的提问来源于stack exchange，提问作者Claire McGuinness