内容在 iFrame 中显示时变大？

Question

我有一个适合大多数手机的网页，但是当我将该页面嵌入 iframe 以便能够在另一个页面上显示其内容时，我只能看到大约 75% 的页面宽度手机（iPhone、Galaxys、iPad）；经验是嵌入页面上的内容在 iFrame 中变大。有没有其他人偶然发现这个问题并知道如何解决它？

iframe 具有以下样式：

iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

}

Answer 1

将 -webkit-transform:scale(0.5); -moz-transform-scale(0.5); 添加到 <iframe> 的 css 样式中，这应该可以工作...

我建议您尝试一些您可以看到的其他值，而不是这些数字（我为演示目的而写的）here以获得更好的结果...

Content gets larger when displayed in an iFrame?