增加HTML中嵌入图像的大小

Question

我有一个HTML页面。其中有base64编码的图像。我打算编写一个javascript来增加页面上图像和内容的大小。所以页面上的所有内容都会显得更大。我能够增加字体大小但不确定嵌入的图像。

Answer 1

如果你有

<img id="myImage" src="" />

然后你可以这样做：

$('#myImage').attr({
    width: 150,     // new width
    height: 150     // new height
});

Answer 2

好吧，你可以调整该图像或属性的CSS。使用高度或宽度，而不是两者都可以正确缩放。

Jquery的：

$("img").css("width","150px");

我可能会感到困惑，但并非所有现代浏览器都支持Ctrl +滚动缩放？

Answer 3

使用URL引用的图像，您可以更改高度和宽度（HTML属性或CSS样式），浏览器将调整图像大小。我想它与嵌入式图像的效果相同。

Answer 4

此功能在大多数现代浏览器中都可用，因此无需使用客户端脚本复制它。考虑简单地通知用户大多数浏览器都内置了文本大小控件（以便他们也可以在其他站点上使用此工具）。