如何在我的网站页面中扩展iframe的内容(在我的示例中,它是一个HTML页面,而不是弹出窗口)?
例如,我想以if原始大小的80%显示iframe中显示的内容.
使用Firefox,您只需按下即可放大整个网页CTRL +.这样做是按比例放大整个网页(字体,图像等).
如何使用简单的CSS复制相同的功能?
是否有类似的东西page-size: 150%(这将使整个页面部分增加x%?)
当您在任何浏览器上按Ctrl+-时,页面会缩小到原始大小的 90%。我需要复制它,并在默认情况下以原始页面的 90% 打开我的网页,而不是 100%,因为它在 90% 时看起来更好。
我尝试了此处、此处和此处提到的最常见方法,所有这些方法基本上都告诉您在css.
html
{
zoom: 0.9; /* Old IE only */
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
Run Code Online (Sandbox Code Playgroud)
这样做的问题是它在左侧和右侧产生了一个间隙,并且在顶部产生了一个巨大的间隙,当您通过执行ctrl+手动减小尺寸时,这些间隙不存在-。
当我使用上面提到的代码时会发生这种情况 - 注意左侧,右侧,顶部的间隙。

虽然这是我想要的 - 这就是当您在浏览器中手动执行ctrl+时会发生的情况-。

我该怎么做?
编辑:正如乔纳森在评论中所说,如果我的页面在 90% 时看起来更好,我应该将它设计成那样而不是缩小。问题是我正在使用这个默认模板,我只是更喜欢它的 90% 而不是完整的 100%。