[英]How to resize image in HTML using percentage as parameters?
我想在我的網站上調整圖像大小。 我知道如何通過調整圖像大小或計算寬度和高度以及設置像素值來實現。 但是我使用不同的dimmensions多次使用相同的圖片,所以如果我可以相對於自己的大小調整圖像大小,我將花費更少的時間。
<img src='images/logo-beta.png' id="logo" height="75%" width="75%"/>
我試過這個,但問題是大小是相對於其父元素設置的。
單獨使用HTML或CSS無法自動執行您想要的操作。 您需要使用JavaScript來獲取圖片的尺寸,然后計算這些尺寸的百分比並將其重新應用於圖像(以像素為單位)
有一種方法,但它並不完美。 它需要一個包裝元素,其顯示設置為“內聯塊”,並使用“max-width”調整圖像大小。
問題是父元素保留圖像的原始寬度,這可能會導致問題,具體取決於您的要求。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.