當我嵌入谷歌文檔時，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; 
    } 
}