Question

我有一个带有html文件的xcode项目。我使用iframe嵌入了一个google doc，但是当我运行模拟器时，iphone 6和更大版本的右侧宽度溢出。它在iphone 5上看起来很好。

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

Answer 1

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

要执行媒体查询，您可以执行类似

的操作

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