将图像宽度增加到自动宽度的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>