默认情况下，iphone5上的iframe问题将宽度设置为980像素

Question

当我尝试在iPhone设备上的iframe中打开我的链接时，默认情况下它将src url的宽度设置为980px。

<iframe 
  width="100%" 
  height="700" 
  frameborder="0" 
  marginheight="0" 
  marginwidth="0" 
  scrolling="yes" 
  src="http://example.com" 
  style="overflow: hidden; margin: 0px;">
</iframe>

Answer 1

使用类视频包装器将您的iFrame包装在div中。然后把它放在你的CSS中：

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 50px;
height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 90%;
}

希望有所帮助！