Question

我有一张可由用户更改的图片。他可以上传任何要在页面上显示的图像。

我想设置一个固定的矩形，无论用户上传16x16图像还是2048x2048图像都不会改变其大小。

因此，上传的图像将调整大小以适合固定的矩形（小于矩形的图像会拉伸以适合大于矩形的图像缩小以适合）。

HTML

<div class="float-left">

    <img width="300" height="300" src="@ViewBag.imgPath" alt="Your pic" />

</div>

我尝试设置width元素的height和img属性，但它不起作用。我也尝试设置包含它的div的宽度和高度，但没有运气。

Answer 1

Html样式不使用px。此外，您应该使用css而不是内联硬编码或内联样式。

<div class="float-left">

    <img width="300" height="300" src="@ViewBag.imgPath" alt="Your pic" />

    <div class="centered bold">
        @Session["userName"]
    </div>

</div>

固定图像大小

1 个答案: