使用css设置原始图片宽度和高度的50%

Question

有没有办法用css设置50%的原始图片宽度和高度？例如,我有这个代码:

    <img src="http://content.captive-portal.com/files/ign/movie-news/content/2b.jpg">

我没有在html中指定任何宽度和高度,但我希望它是原始高度和宽度的50%.我可以使用CSS来做到这一点吗？

这不起作用:

img{width:50%; height:50%}

有没有办法克服这个问题？谢谢

Answer 1

您可以按照此处所述缩放图像: CSS图像调整其自身的百分比？

img {-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
 -moz-transform: scale(0.5); /* FF3.5+ */
  -ms-transform: scale(0.5); /* IE9 */
   -o-transform: scale(0.5); /* Opera 10.5+ */
      transform: scale(0.5);
         /* IE6–IE9 */
         filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');}?