h5开发iframe在ios设备宽度超出屏幕

做h5项目时遇到iframe在ios手机上超出屏幕的问题，在iframe外层套了一个div，div的宽度为屏幕宽度的90%；给iframe设置了宽度100%没有用，在ios手机上为超出屏幕，但是在安卓手机上显示正常。
解决办法：

1. 给iframe的外层div添加样式：overflow: auto;-webkit-overflow-scrolling:touch;width:100%;
2. 给iframe设置属性scrolling=‘no’
3. 给iframe设置样式：width: 1px; min-width: 100%; *width: 100%;

<div style="overflow: auto;-webkit-overflow-scrolling:touch;width:100%;">
    <iframe name="myiframe" frameborder="0" height="500" id="myiframe" scrolling="no" style="width: 1px; min-width: 100%; *width: 100%;" src="www.baidu.com">
    iframe>
div>