2015-02-17 32 views
0

所以我正在製作一個HTML格式的傳記頁面,我必須在其中放置一張圖片。這是我有的代碼:有沒有辦法在使用HTML將代碼放入代碼時自動調整大小?

<img src = "IMG_148672786044453.jpeg" height = "281" width = "179" 
     alt = "picture of me"/> 

這是我重新調整大小後。有沒有辦法自動調整大小以獲得合適的尺寸。

+4

你是什麼意思,「自動調整大小以獲得一個好的尺寸」? – j08691 2015-02-17 20:15:55

+2

如果你只是設置圖像的寬度,並刪除高度。高度將以相同的圖像比例「自動調整大小」。我不知道你是否需要這些。反之亦然 – 2015-02-17 20:17:07

回答

0

試試這個: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> 

這應該如果流體佈局縮放圖像。

0

您應該在CSS中對所有圖像進行「尺寸調整」,同時對html的可視化表示進行其他更改。一類添加到您的圖像標籤,「生物形象」爲例子,像這樣的風格在你的CSS:

.bio-image { 
    width: 179px //px scale of your image relative to its width 
} 

您可以通過使用「高度」代替「寬度」的規模相對於它的高度

相關問題