ios 不支持iframe 解決方案
阿新 • • 發佈:2017-05-22
hid src viewbag shee 代碼 over ntb end order
在iframe外層在包一層,通過appendChild()把內容增加到容器中,完整代碼如下:
1 @section Css 2 { 3 <link href="@ViewHelper.Content("/Content/css/mobiscroll.css")" rel="stylesheet" type="text/css" /> 4 <link href="@ViewHelper.Content("/Content/css/common.css")" rel="stylesheet" /> 5 } 6 <style>7 .frame { 8 margin-top: 55px; 9 padding: 10px; 10 height: 90vh; 11 width: 100vw; 12 border: none; 13 } 14 </style> 15 <div id="iframe-box"> 16 <iframe id="ifram" class="frame" width="420" height="330" src="@ViewBag.PathUrl.Replace("http://","https://")"></iframe>17 </div> 18 @section Js{ 19 <script> 20 var ifram = document.getElementById(‘ifram‘); 21 if (navigator.userAgent.match(/iPad|iPhone/i)) { 22 var iframe_box = document.getElementById(‘iframe-box‘); 23 iframe_box.style.width = 100 + ‘%‘; 24 iframe_box.style.overflowX = ‘hidden‘;25 iframe_box.style.overflowY = ‘scroll‘; 26 iframe_box.style.webkitOverflowScrolling = ‘touch‘; 27 ifram.setAttribute(‘scrolling‘, ‘no‘); 28 iframe_box.appendChild(ifram); 29 } 30 </script> 31 }
ios 不支持iframe 解決方案