2015-02-17 55 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 
} 

您可以通过使用“高度”代替“宽度”的规模相对于它的高度

相关问题