无法调整图像大小

Question

我正在使用以下代码来调整图像大小。我只想调整图像大小而不是修剪图像...我希望整个图像尺寸更小，我使用下面的代码：

<div style="background: url(image_url);"></div>

我不想使用<img>代码，因为我无法使用它迭代图像，因为我无法将java变量放在<img src =""

中

<img src="<%=img%>"/> - ＆gt;这个剂量工作，因为它给出了一个white_space错误

Answer 1

试试这个：

<div style="width:200px; height:200px; background: url(image_url) no-repeat; background-size: contain;"></div>

使用CSS3属性：

background-size: contain; - 图像被拉伸以适合容器而不会将其切断

Answer 2

你可以将img放在img标签中，如果jsp表达式不起作用，你可以使用表达式语言$ {youimageref}。

然后给图像标签一个类定义，如resizer，从css你可以控制大小，例如：

img.resizer {
    width: 100%;
    height: auto;
 }

当您更改浏览器窗口的大小时，Useg percent将调整图像大小。

Answer 3

试试这样：

img.resizer {
    max-width:(actual size of images)
    width: 100%;
    height: auto;
 }