javascript - 元视口(viewport)标签选项在 iOS 上不起作用

---

Best Answer-推荐答案

设置 iFrame 属性 scrolling='no' 使它看起来像要在 iOS 上正确加载的移动版网站。

  var ifrm = document.createElement("iframe");
  ifrm.setAttribute("src", "<%= @social_snip.url %>");
  ifrm.id = 'ContentFrame';
  ifrm.scrolling = 'yes';
  if (check) {
    document.getElementById('iframeWrapper').className += ' mobile-theme';
  }
  var IOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  if(IOS) {
    ifrm.scrolling = 'no';
  }

上面的代码检查操作系统是否是iOS，如果是则将iFrame的scrolling属性设置为no值。

关于javascript - 元视口(viewport)标签选项在 iOS 上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44878131/