我的网站宽度在移动

Question

我们在wordpress中使用自定义模板页面来缩小宽度页面。我的目标是在每侧（或左右）显示为600px宽+ 50px的填充。

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

[编辑：删除链接]

这是有问题的页面：[编辑：删除链接] - 它在桌面上看起来正确，但在移动设备上不缩小宽度。我试过删除我认为可能是罪魁祸首：youtube视频，重新上传宽度为600px的所有图像（而不是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%;
}