从CSS调整图像大小

Question

我正在显示像这样的json的图像

<img ng-src= http://********/****/{{newsS.image}}> 

而且这张图片太大了，它占据了整个屏幕。我尝试使用我的CSS中创建的div来缩小它，如此

#imgresize{
    max-width:25%; 
    max-height:25%;
}

我将div添加到了像这样的图像

<div id ='imgresize'> <img ng-src= http://*********.com/***c/{{newsS.image}}> </div>

但我的图片没有调整大小。我可以解决这个问题吗？

Answer 1

<img ng-src= http://********/****/{{newsS.image}} width="300" height="500"> 

尝试这样的操作并根据需要编辑像素

Answer 2

您应该为img标记添加一个类： -

  

img {max-width：100％; }

Answer 3

我认为你应该尝试下面的CSS

#imgresize
{
    width:25%; 
    height:25%;
}

这对我有用。此外，max-height和max-width属性用于最后一个高度点，最大限制元素可以滚动，而简单的高度和宽度给出元素的位置。

Answer 4

U需要img标签大小值。

#imgresize {max-width:25%; max-height:25%;}

和

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

Answer 5

你只需要这个：

<img id ='imgresize' ng-src= http://*********.com/***c/{{newsS.image}}>

和

将css更改为：

#imgresize{
width:25%;  <!-- or width : 100px; -->
height:25%; <!-- or height : 100px; -->
}