手机（移动端）嵌套iframe如何适配宽度？

移动端（手机）嵌套iframe，页面增加其它内容，需注意以下内容：

1、head中必须要有移动端设置：<meta name="viewport" content="width=device-width" />，注意不能使用user-scalable=no, minimum-scale=1一类的，必须要支持自动缩放。

2、嵌套内容的Div及iframe标签必须提前设置宽度：width:800px或以上，普通A4页面800像素。且两者宽度相同。因第1条会自动适配移动端宽度，不论分辨率，所以宽度可随意设置。

3、iframe的高度通过JavaScript动态设置高度，也就是窗口高度-嵌入内容高度-10像素（纠偏）


可参考示例：传送门


建议：移动端由于窗口较小，使用iframe后变的字体很小，所以，建议在新窗口中打开预览窗口。在该窗口中可设置文档概况，比如标题、缩略图、关键词、文件大小等信息，这些信息的提取，使用相应参数即可。
提取文件信息帮助：如何提取文件信息

关键词：iframe 手机浏览Office 手机浏览Word 手机浏览Excel 手机浏览PPT 手机浏览PDF 自适应