增加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

此功能在大多數現代瀏覽器中都可用，因此無需使用客戶端腳本來複制它。考慮簡單地通知用戶大多數瀏覽器都有內置的文本大小控件（以便他們也可以在其他站點上使用此工具）。