asp.net - 容器中显示的图像 - 如何缩小和保持纵横比

标签 asp.net css image

我的图像有 250x250 像素的空间。图片保存在服务器上,文件名保存在数据库中。

现在我只设置了 img-src 标签和 width=250 和 height = 250 - 但会发生这样的情况,即更高然后更亮的图片不会以正确的关系显示,因为我破坏了关系。

那么如何设置正确的宽度和高度,最大不超过 250px 但在图像的关系范围内?

最佳答案

试试这个:

<div style="height: 250px;width:250px">
    <img src="yourimage.jpg" style="max-width: 100%; max-height: 100%;">
</div>

关于asp.net - 容器中显示的图像 - 如何缩小和保持纵横比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18805587/

相关文章:

html - 如何将div的内容粘贴到div的顶部?

css - 使用 CSS 对齐图像左下角的 div

php - 为什么 CSS 不将内容从 php echo 输出移动到 html?

asp.net - 如何检测页面上是否有脚本管理器?

c# - 按 C# 中的日期属性或使用 jQuery 拆分列表

c# - 单击动态添加的按钮时如何触发 aspx 脚本?

c# - 在 asp.net web API 中将路由参数映射为 bool

javascript - 使用 Javascript 对象通过 jQuery 的 .css() 设置背景图像

php - 为什么图像路径没有保存在数据库中?

CSS 背景图像 -> 使用图像