css - 使用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 image resize percentage of itself?

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');}​