原因：
在iframe里面的页面没加载出来之前，iframe的宽和高是正常的，当里面的页面加载完了之后，宽度就会发生变化，当然，高度也相应改变。父页面中显示出来的iframe宽和高其实是子页面的真实宽高！也就是说子页面的宽高没有收到CSS跟JS的限制（js有改变width的值）。
后来谷歌了一下，找到了解决方法，特来记下：
1：<iframe src="" frameborder="0" id="pptFrame" scrolling="no"></iframe>，
在iframe标签中，加上scrolling强制没有滚动条
2：采用width: 1px !important，用最高的权限改变iframe的宽（如果不用这个，子页面元素的宽会将iframe撑开）；
如果再需要改变iframe的宽，可以选择min-width，或者使用width:XXpx !important
Ps:这里设置宽度时，可通过JS动态将iframe标签的宽设置为屏幕的宽（window.screen.width）
