html - iphone5 上的 iframe 问题默认将宽度设置为 980 px

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%;
}

希望对您有所帮助!