vue 使用內聯框架問題

vue移動端項目中遇到一個問題，需要調用顯示一個外部頁面，但是需要支持返回，因此想到使用內聯框架。結構如下

<header></header>
<content>
	<iframe scrolling="no" src="https://www.baidu.com/"></iframe>
</content>

iframe {
	width: 100%;
	min-width: 100%;
	border: 0;
	outline: none;
}

結果安卓機上可以正常適配，但是蘋果機上頁面出現錯亂。
查閱瞭解到：
雖然iframe設置width：100%；但是內聯框架展示的頁面實際寬度超過100%；在ios上，當內聯框架內頁面真實寬度大於外層的寬度的時候，顯示的寬度則爲真實寬度。

擴展瞭解到：

<iframe   src= "https://www.baidu.com/"   width= "100% "   height= "100% "> </iframe>

<object   width=100%   height=100%   type=text/html   data=https://www.baidu.com/> </object>

<embed   src= "https://www.baidu.com/"   width= "100% "   height= "100% "> </embed> 

<iframe>

<embed>

• 標籤定義嵌入的內容，比如插件。
• 是 HTML 5 中的新標籤。
• 可以交互。
• 會在頁面加載完顯示。

<object>

• 向 HTML 代碼添加一個對象
• 初衷是取代 img 和 applet 元素

解決辦法：