gpt4 book ai didi

html - 如何使图像按浏览器窗口缩放?

转载 作者:行者123 更新时间:2023-11-28 12:49:18 34 4
gpt4 key购买 nike

我想根据浏览器窗口缩放图像。我尝试通过对 CSS 进行一些更改来做到这一点,但失败了。

.entry div.thumbnail {position: relative; width:100%; max-width: 292px; height: 184px;}

.entry div.thumbnail span.overlay2 { position: absolute; top: 0px; left: 0px; display: block; width: 296px; height: 186px;

主要问题出在span.overlay2。我怎样才能让它根据浏览器窗口大小缩放?

最佳答案

您在宽度之后设置了高度:100%。这基本上就是说,将宽度设置为 100%,然后将其设置为设置的高度。因此,您有一个不会重新缩放的静态图像。删除高度值,它将起作用。

关于html - 如何使图像按浏览器窗口缩放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17128858/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com