上地五街的忧伤

今日在做一个项目，遇到了iPhone中iframe页面超宽的问题，业务场景大致是这样：

1.项目运行环境是移动端浏览器，APP中的webview，支持Android和iOS

2.页面中有一个iframe，包含了多个不同的外部链接，我们无法对此页面中的内容做任何更改

由于开发都是用PC模拟手机来进行的，本人使用的Android手机，开发完成后简单测试没发现任何问题，但是后期在iPhone中测试的时候，却发现，外部链接竟然有一半以上不能正常显示，经过各种尝试以及找了很多资料，最后终于找到一个完美解决的办法。

代码如下:

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