title: CSS image resize percentage of itself?
body: <p>I am trying to resize an img with a percentage of itself. For example, I just want to shrink the image by half by resizing it to 50%. But applying <code>width: 50%;</code> will resize the image to be 50% of the container element (the parent element which maybe the <code>&lt;body&gt;</code> for example). </p>
  
  <p>Question is, can I resize the image with a percentage of itself without using javascript or server side? (I have no direct information of the image size) </p>
  
  <p>I am pretty sure you cannot do this, but I just want to see whether there are intelligent CSS only solution. Thanks!</p>