当我嵌入谷歌文档时，xcode 中的 iframe 宽度溢出

Question

我有一个带有 html 文件的 xcode 项目。我正在使用 iframe 嵌入一个谷歌文档，但是当我运行模拟器时，对于 iphone 6 及更大版本，宽度会在右侧溢出。在 iphone 5 上看起来不错。

我已尝试更改 Google 文档中的边距并尝试对 iframe 进行一些样式设置。

iframe {
  width: 100%;
  display: block;
}

<iframe src="thesrc"></iframe>

我也尝试过将它嵌入一个容器，但这也没有用。我不确定这是否是 CSS 问题，或者我无法在 xcode 中获得响应式 iframe。再次，似乎在 iphone 5 上运行良好。

Answer 1

如果我正确理解了您的问题，我认为您需要提供正确的媒体 CSS 规则。我不知道你是否可以在 iframe 的外部 html 中这样做。

要执行媒体查询，您可以执行以下操作

@media screen and (min-width:500px) {
  body {
    margin: 0 auto;
    width: 768px;
  }
}