刚进公司的时候，接手的项目里就遇到了这样的问题，iframe外部使用js设置了html的font-size，以便使用rem。在安卓的表现很正常，然而在ios里，iframe里面的内容无法做到自适应，致使子页面元素的宽将iframe撑开。
为了解决这个问题，网上找了几个方法，都试了下，最后找到了解决方法。
<iframe src="test.html" style="width: 1px !important; min-width: 100%;" frameborder="0" scrolling="no"></iframe>
在iframe标签中，加上scrolling强制没有滚动条；
采用 width: 1px !important;，用最高的权限改变iframe的宽（如果不用这个，子页面元素的宽会将iframe撑开）；
如果再需要改变iframe的宽，可以选择 min-width 来设置。