Html CSS调整图像大小

我应该向CSS中添加什么，使所有图像的大小增加一倍？它必须在Firefox12中工作。我不在乎视觉质量的下降。HTML包含如下图像：

。所有图像都有不同的宽度和高度，我想按比例缩放它们：200%宽度和200%高度

我知道我可以使用图像转换器使PNG变大。然而，在这个问题上，我对CSS唯一的解决方案感兴趣

---

我知道我可以添加两倍大的

width=。。。高度=…

到

在页面的标题部分启用JQuery

<img src="foo.png" ID='scalable'>

$("#scalable").css("width", "200%");
$("#scalable").css("height", "200%");


$（“#可伸缩”）.css（“宽度”、“200%”）；
$（“#可伸缩”）.css（“高度”、“200%”）；
您是否可以添加：

img {max-width:200%;}

你的CSS

这将是“自适应的”（或者说是“响应的？”），并且不会“强制”图像到200%（宽度），但如果视口足够宽，则允许它们缩放到200%的宽度

您可以删除
max-
并明确“强制”200%的宽度，如果视口不够宽，这将导致水平滚动条

据我所知，选择一个或另一个（
高度
或
宽度
，但不能同时选择两者），可以保留比率

您可以直接在CSS中设置
元素的样式，该样式应应用于HTML文档中通过
标记显示的所有图像

您可以指定：

img {width:200%;}

如果您希望它们是“无论如何都是200%”
看起来，仅使用CSS在跨浏览器方式下是不可能的。
您可以使用以下css3：

-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);

尽管如此，图像将被布置为占用100%的空间（如position:relative；）。
除非您不想让图像覆盖页面的其余部分（在这种情况下，请使用
-moz transform:scale（2）；
），否则没有JavaScript是不可能的。在这里使用CSS与使用HTML属性有相同的问题，在这种情况下，您首先必须计算出原始图像的大小（以像素为单位）。除非您使用
zoom
，并且不关心不支持它的浏览器。（也就是说，Firefox出局了。）感谢您花时间思考我的问题并提交了答案。不幸的是，这不是我问题的有效答案，因为它需要JavaScript，而我要求的是一个CSS专用的解决方案。感谢您的帮助。不幸的是，您的建议不起作用，因为
200%
表示容器元素（例如
）的
200%
，而不是
。