手机(移动端)嵌套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
公告

Copyright © 2014-2017 西安大西信息科技有限公司  TEL:029-83500056service@officeweb365.com晋ICP备13003424号