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

因此，如果您访问，您将在页面底部看到iphone

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

我需要做的是只调整这个链接的大小，使页面显示正常大小，同时缩小到正常宽度和高度的50%左右，同时适合iPhone iframe。（试图让它看起来像一个iPhone格式的页面，但实际上它并不适合这里）

按钮/链接的代码在此div中

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

干杯， 尼克

www.NickGarofalo.com

您可能可以使用CSS缩放 属性-在IE 5.5+中受支持， Opera、Safari 4和Chrome （已验证，请先检查 向下投票）。Firefox是唯一的 不支持的主浏览器 缩放（此处为bugzilla项）但您 可以使用“专有的” -Firefox 3.5中的moz transform属性

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

---

我想在该窗口中打开的不是所有链接…只有这一个链接，我无法编辑该页面上的代码，但是我在iframe中加载了该窗口，在其中我可以添加一些标记…你的意思是缩放也适用于其他iframe链接吗？如果我设置#iframeid css，然后在iframe中打开的每个链接都将被缩放。。。对吗？我只需要在iframe中缩放这一页是正确的，您必须为其他页面使用不同的iframe及其id，或者您可以使用jquery检查iframe是否具有特定的src。。。像这样$（“#iframe[src$=”

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