描述： 问题解决了，采用的手势拖动显示剩余内容，并不是有了横向滚动条
在head标签中加入
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>解决boostrap中，iframe渲染下，苹果手机横向无法显示剩余内容问题</title>
<!--[if lt IE 8]>
<meta http-equiv="refresh" content="0;ie.html" />
<![endif]-->
</head>
<div class="row " id="content-main" style="-webkit-overflow-scrolling:touch; overflow: scroll;">
<iframe class="J_iframe" id="iframe0" name="iframe0" width="100%" height="100%" src="index.html" frameborder="0" data-id="index.html" seamless></iframe>
</div>