如何在iframe中放大文本？

Question

我正在使用具有contenteditable属性的iframe创建文本编辑器。 我添加了缩放功能，可以放大iframe 。 这是代码： document.getElementById("textareathingy").style.zoom = percentage; 当我使用放大功能时，它会使iframe “更大”，但文本大小保持不变。 有人可以指出我正确的方向，以使iframe的文字也可以放大。

<html>
<body>
<button id = "btn" onclick = "zoom()">Click me!</button>
<iframe name = "textfield" id = "textareathingy" style = "border: 1px black solid; width: 100px; height: 100px"></iframe>
</body>
<script>
window.frames[0].document.body.innerHTML = "random text";
var percentage = 2;
function zoom() {
document.getElementById("textareathingy").style.zoom = percentage;
}
</script>
</html>

Answer 1

您可以改用以下方式：

document.getElementById("textareathingy").style.transform = "scale(" + percentage + ")";

如何在iframe中放大文本？

问题描述

1 个解决方案

解决方案1
3 已采纳 2019-08-26 20:07:21

如何在iframe中放大文本？

问题描述

1 个解决方案

解决方案1 3 已采纳 2019-08-26 20:07:21

解决方案1
3 已采纳 2019-08-26 20:07:21