ios 不支持iframe 解决方案

在iframe外层在包一层，通过appendChild()把内容增加到容器中，完整代码如下：

 @section Css
     {
     <link href="@ViewHelper.Content("/Content/css/mobiscroll.css")" rel="stylesheet" type="text/css" />
     <link href="@ViewHelper.Content("/Content/css/common.css")" rel="stylesheet" />
 }
 <style>
     .frame {
         margin-top: 55px;
         padding: 10px;
         height: 90vh;
         width: 100vw;
         border: none;
     }
 </style>
 <div id="iframe-box">
     <iframe id="ifram" class="frame" width="420" height="330" src="@ViewBag.PathUrl.Replace("http://","https://")"></iframe>
 </div>
 @section Js{
     <script>
         var ifram = document.getElementById('ifram');
         if (navigator.userAgent.match(/iPad|iPhone/i)) {
             var iframe_box = document.getElementById('iframe-box');
             iframe_box.style.width = 100 + '%';
             iframe_box.style.overflowX = 'hidden';
             iframe_box.style.overflowY = 'scroll';
             iframe_box.style.webkitOverflowScrolling = 'touch';
             ifram.setAttribute('scrolling', 'no');
             iframe_box.appendChild(ifram);
         }
     </script>
 }