html - 缩放 iframe 时 Chrome 会忽略 CSS

Question

运行时的代码在 Firefox 中运行良好，但在 Chrome 中运行时 - 它根本不起作用 - 来自 iframe 的#agree 元素无法隐藏。如何为 Chrome 修复它？

这是我的简化代码:

<iframe src="blank.htm"></iframe>

<button id="btn">Toggle</button>

<script>
frame = null;

$('iframe').load(function()
{
    frame = $('iframe').contents();
});

$('#btn').click(function()
{
    var div = frame.find('#agree');
    div.toggle();
});
</script>

<style>
iframe
{
    width: 600px;
    height: 1200px;
    transform: scale(0.5);
}
</style>

在这里你可以测试它: http://nitton.pl/chrome/

Answer 1

chrome 和 firefox 的区别在于，chrome 使用 -webkit-transform: 浏览器引擎，而 firefox 没有。

尝试使用 webkit 使其在 chrome 浏览器上以最佳方式运行。