我应该在 CSS 中添加什么以使所有图像变大两倍？它必须在 Firefox 12 中工作。我不在乎视觉质量下降。HTML 包含这样的图像：<img src="foo.png">. 所有图像都有不同的宽度和高度，我想按比例缩放它们：200% 宽度和 200% 高度。
我知道我可以使用图像转换器来使 PNG 更大。但是，在这个问题中，我对纯 CSS 解决方案感兴趣。
width=... height=...我知道我可以为标签添加两倍大<img，但这需要修改 HTML（加上对现有图像大小的自动检测），在这个问题中，我对纯 CSS 解决方案感兴趣。
你能补充一下吗：
img {max-width:200%;}
到你的CSS？
这将是“自适应的”（或者是“响应式的？”），并且不会“强制”图像到 200%（宽度），但如果视口很宽，则允许它们缩放，直到并包括 200% 宽度足够。
max-如果视口不够宽，您可以删除并明确“强制”200% 宽度，这将导致水平滚动条。
据我了解，选择一个或另一个（height或width，但不是两者），保留比率。
您可以<img>直接在 CSS 中为元素设置样式，这应该适用于 HTML 文档中的所有图像，通过<img>标签显示。
您可以指定：
img {width:200%;}
如果您希望它们“无论如何都是 200%”。
您可以使用以下 css3：
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
虽然，图像将被布置为占用 100% 的空间（如位置：相对；）。
在页面的 head 部分启用 JQuery。
<img src="foo.png" ID='scalable'>
$("#scalable").css("width", "200%");
$("#scalable").css("height", "200%");
看起来这在仅使用 CSS 的跨浏览器方式中是不可能的。