我的网站宽度在移动设备上中断

Question

我们在 wordpress 中为窄幅页面使用自定义模板页面。我的目标是让它显示为 600px 宽 + 每边 50px 的填充（左右）。

这是一个同时适用于桌面和移动设备的页面示例：

[编辑：删除链接]

这是有问题的页面：[编辑：删除的链接]——它在桌面上看起来是正确的，但在移动设备上并没有缩小宽度。我已经尝试删除我认为可能的罪魁祸首：youtube 视频，重新上传所有宽度为 600 像素的图像（而不是 wordpress 调整大小），但仍然遇到问题。

谢谢。

Answer 1

从这里开始：

main-41ab33da.css 的第 6 行

将“inline-block”改为“block”，就像这里

.page-template-template-narrow .narrow-landing-page {
  background-color: #fff;
  display: block;
  padding: 0 25px;
}

接下来，将“max-width”添加到表单（参见代码）和黄色块（内联样式，因为您没有任何选择器）

#lead-capture {
  max-width: 100%;
}

最后为你拥有的 youtube iframe 做同样的事情，你很好

iframe {
  max-width: 100%;
}