title: CSS resize images
body: <p>What should I add to the CSS to make all images twice as large? It has to work in Firefox 12. I don't care about the visual quality degradation. The HTML contains the images like this: <code>&lt;img src="foo.png"&gt;</code>. All images have different widths and heights, and I want to scale them proportionally: 200% width and 200% height.</p>
  
  <p>I know that I can use an image converter to make the PNGs larger. However, in this question I'm interested in a CSS-only solution.</p>
  
  <p>I know that I could add twice as large <code>width=... height=...</code> to the <code>&lt;img</code> tags, but that would need a modification of the HTML (plus an auto-detection of the existing image sizes), and in this question I'm interested in a CSS-only solution.</p>