首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >奇怪的铬图像大小行为

奇怪的铬图像大小行为
EN

Stack Overflow用户
提问于 2014-04-24 00:02:44
回答 1查看 4.5K关注 0票数 7

我有一些奇怪的行为与铬有关的图像大小调整时,窗口被调整。

当Chrome在Windows中全屏(双击窗口以抓取全屏)时,我将窗口解压,使其回复到以前的解压大小,图像无法正常缩放。

例如,我有以下css代码,将图像大小调整到可用空间的100%高度,并自动调整宽度:

代码语言:javascript
运行
复制
img{
    height: 100%
    width: auto;
}

当窗口被全屏抓拍时,它看起来很好,图像的高宽比保持不变。但现在,如果我打开窗口(双击)。高度将调整大小,宽度不会调整,如下所示:

然而,在Internet Explorer中,展开如下所示:

有人知道为什么铬没有正确调整大小吗?或者我的css有什么问题吗?

如果您需要更多的代码,请询问。

谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-27 05:51:40

使用替代宽度:100% ->最大宽度:100%;

我在这个问题之前有过一次,我使用了两种大小的属性

代码语言:javascript
运行
复制
img{
    max-width:100%;
    max-height:100%;
}

它对我来说很好,而且节省了比例。

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

https://stackoverflow.com/questions/23257419

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档