title: Scale HTML image width and height in %
body: <p>I know that width and height property of HTML images can be set simply by <code>&lt;img src=&quot;Debian.jpg&quot; style=&quot;height: 120px; width: 130px&quot;&gt;</code>.</p>
  <p>What I am looking for is if there exists a single CSS property that takes only one value in <code>%</code> and scales the width and height of the original image according to that percentage. For example, if the height and width of <code>Debian.jpg</code> are <code>1000x700</code> and I specify <code>50%</code> in that CSS property then the image scales down to <code>500x350</code> and hence the aspect ratio is maintained.</p>
  <p>It's very hard for me to maintain the aspect ratio of the image while adjusting the height and width separately. If a property like that does not exist then is there any way to maintain the aspect ratio and achieve desirable dimensions of the image?</p>