将图像的宽度增加到自动宽度的x倍

Question

我想将图像的宽度和高度增加到实际的3倍，但我不知道图像的尺寸。我可以使用CSS来完成吗？ 我试过calc()函数，但它不接受auto。

Answer 1

，你可以在你的风格使用此％

<img src="yourimage.jpg" style ="width:300%; height:300%"> 

或

<img src="yourimage.jpg" alt="Smiley face" height="300%" width="300%"> 

，或者您可以使用此

<img src="yourimage.jpg" alt="Smiley face" class="image-class">  

<style> 
    .image-class { 

     transform:scale(3,3); 
    } 
</style>