所以我正在製作一個HTML格式的傳記頁面,我必須在其中放置一張圖片。這是我有的代碼:有沒有辦法在使用HTML將代碼放入代碼時自動調整大小?
<img src = "IMG_148672786044453.jpeg" height = "281" width = "179"
alt = "picture of me"/>
這是我重新調整大小後。有沒有辦法自動調整大小以獲得合適的尺寸。
所以我正在製作一個HTML格式的傳記頁面,我必須在其中放置一張圖片。這是我有的代碼:有沒有辦法在使用HTML將代碼放入代碼時自動調整大小?
<img src = "IMG_148672786044453.jpeg" height = "281" width = "179"
alt = "picture of me"/>
這是我重新調整大小後。有沒有辦法自動調整大小以獲得合適的尺寸。
試試這個:Demo
<p>
<a href="MY WEBSITE LINK" target="_blank">
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQuQ1LDwNtA8y5pylsvvBcWPBazSue1uPsFiBbUEghPBd9QrRmXSG7itA" style='width:100%;' border="0" alt="Null">
</a>
</p>
這應該如果流體佈局縮放圖像。
您應該在CSS中對所有圖像進行「尺寸調整」,同時對html的可視化表示進行其他更改。一類添加到您的圖像標籤,「生物形象」爲例子,像這樣的風格在你的CSS:
.bio-image {
width: 179px //px scale of your image relative to its width
}
您可以通過使用「高度」代替「寬度」的規模相對於它的高度
你是什麼意思,「自動調整大小以獲得一個好的尺寸」? – j08691 2015-02-17 20:15:55
如果你只是設置圖像的寬度,並刪除高度。高度將以相同的圖像比例「自動調整大小」。我不知道你是否需要這些。反之亦然 – 2015-02-17 20:17:07