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>
}

 

---

如果您觉得阅读本文对您有帮助，请点一下推荐按钮，您的推荐将是我最大的写作动力，欢迎各位转载！