CSS根据目标的尺寸而不是容器的尺寸来调整大小？

Question

我有一些尺寸相同但尺寸不同的图像。我希望能够使用CSS将所有这些图像缩放到X％，基于它们的的尺寸，而不是其容器的尺寸。

鉴于这种简单的（有点哑）例如：

<div style="width: 500px;"> 
    <img src="none.png" style="width: 50%;" /> 
    <!-- none.png dimensions: 200px by 1000px (L x W)--> 

    <img src="none2.png" style="width: 50%;" /> 
    <!-- none2.png dimensions: 500px by 800px (L x W)--> 
</div> 

none.png将被设置为250像素，其中我的目标是500像素，并在那里我的目标是400像素none2.png将被设置为250像素宽的宽度。

那么...我在这里错过了什么？我怎样才能让CSS根据目标而不是容器来调整大小？

这可以用JavaScript当然$('img').css('width', $(this).width * 0.2) ......但可以在本地完成CSS？

Answer 1

img 
    { 
    min-width:50%; 
    height:auto; 
    }