手机(移动端)嵌套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 自适应
客户服务支持 029-68095586 商务在线咨询 029-68095589 关注我们

Copyright © 2014-2024 西安大西信息科技有限公司陕ICP备15006746号 陕公网安备61019002002764号
地址: 西安市高新区唐兴路6号唐兴数码大厦302/306  Email:service@officeweb365.com 快书编标 公告 帮助