在移动设备上将 iframe 内容包含到 iframe 大小答案

【问题标题】：Containing iframe content to iframe size on mobile在移动设备上将 iframe 内容包含到 iframe 大小
【发布时间】：2015-06-15 13:53:59
【问题描述】：

我在移动 Safari 上遇到了 iframe 问题。我的 iframe 有以下非常简单的代码样式：

#iframe {
    width: 400px;
    height: 250px;
    border: none;
    background: #eee;
    z-index: 1;
}

在桌面上，狗的图像包含在 iframe 的尺寸内。但是，当页面在移动设备上加载时，iframe 内容完全不考虑 iframe 的大小，而是扩展为完整大小。

你能帮我解决这个问题吗？

非常感谢

【问题讨论】：

【解决方案1】：

当缩小到移动设备时，听起来图像比 iframe 大。

尝试在图像的类中设置此样式：

max-width:100%;

（或您需要的任何宽度）

这可能会使它更好地扩展。如果这不起作用，请尝试使用百分比设置大小。百分比基于容器中有多少空间，而不是图像本身的大小

【讨论】：