iframe內容在iphone iOS閃爍

參考網址

 

https://zhuanlan.zhihu.com/p/27530106

 

http://60kmlh.ink/2017/09/30/iOS的iframe宽度bug/

方案一
在包含輪播組件的元素上設置以下樣式:
{
  width: 1px;
  min-width: 100%;
}

或者設置
{
  width: 100vw;
}

方案二
在iframe上設置以下樣式
iframe {
  width: 1px;
  min-width: 100%;
  *width: 100%;
}

同時設置scrolling屬性為’no’。
<iframe height="950" width="100%" scrolling="no" src="/Content.html"></iframe>