文章/答案/技术大牛

发布

社区首页 >问答首页 >根据父div大小按比例调整图像大小

问根据父div大小按比例调整图像大小
EN

Stack Overflow用户

提问于 2011-11-15 17:09:00

回答 1查看 17.8K关注 0票数 5

我使用全浏览器宽度高度jquery blockUI来显示从图库中选择的图像。下面的图像是blockUI中的视图方案。

基本上，side blockUI中的视图宽度和高度设置为100%。

里面还有两个div。右边的宽度设置为视图的80%，其中包含图像。

图像的宽度和高度设置为100% (但我知道这是错误的)。

我在这里显示的图像是用户上传的原始大小的图像。但是如果显示器是1024x768，上传的图像是600x1900，我不知道屏幕上会显示什么。

那么，我如何解决这个问题，以显示居中和成比例的图像？

javascript

jquery

jquery-ui

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-11-15 17:14:54

使用max-width和max-height，如果您需要支持JavaScript，则需要在IE 6中使用它：

#blockUI img {
    max-width: 100%;
    max-height: 100%;
}

这会在调整大小时保持img元素的纵横比，直到最大可能的宽度和高度。

票数 13

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8133877

复制

相似问题

问根据父div大小按比例调整图像大小
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据父div大小按比例调整图像大小EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据父div大小按比例调整图像大小
EN