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

Question

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

我试图改变在谷歌文档的边缘，并尝试了一些iframe的样式。

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

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

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

Answer 1

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

进行媒体查询，你可以这样做

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