解决boostrap中，iframe渲染下，苹果手机横向无法显示剩余内容问题

描述： 问题解决了，采用的手势拖动显示剩余内容，并不是有了横向滚动条

 

在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>
posted @ 2017-07-10 14:30  江山一族  阅读(622)  评论(0)  编辑  收藏  举报