Question

因此，如果您访问www.mymanchesteruniverse.co.uk，您会在页面底部看到一个iphone。

音乐图标应链接到music.mymanchesteruniverse.co.uk。

我需要做的是仅调整此链接的大小，以便页面显示正常大小，但缩小到正常宽度和高度的约50％，同时适合iPhone iframe完美。（试图让它看起来像一个iPhone格式的页面，它就是这样，不适合这里）

按钮/链接的代码在此div

中

<div id="apDiv4" onclick="window.open('http://music.mymanchesteruniverse.co.uk', '_self', 'scale=50')"></div>

如果有人可以帮我修改代码（并替换我的'scale = 50'，因为那不起作用）MyManchesterUniverse的整个团队将非常感激。

干杯，尼克

www.NickGarofalo.com

Answer 1

您可以使用CSS缩放属性 - IE 5.5+支持， Opera，Safari 4和Chrome （验证，请检查之前 downvoting）。 Firefox是唯一的主要的浏览器不支持放大（bugzilla项目在这里），但你可以使用“专有” Firefox 3.5中的-moz-transform属性。

#iframeid {
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}

我在这篇文章中使用了这些答案。然后验证它在您的演示页面中的firefox 3.6中有效。

How can I scale an entire web page with CSS? How can I scale the content of an iframe?

如何将在Iframe中打开的链接缩放到其原始宽度和高度的50％

1 个答案: