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 }