gpt4 book ai didi

css - 如何让图片出现在页面的固定位置

转载 作者:行者123 更新时间:2023-11-28 18:14:30 24 4
gpt4 key购买 nike

想让一个图片文件出现在页面的固定位置。

编写如下代码:

<style>
.hovering-image{
position: fixed;
left: 70%;
top:20%;
height: 20%;
width 10%;
}

</style>

<body>

<div class="hovering-image">
<img src="whatever.jpg">
</div>

</body>

但是,图像会随着窗口大小的调整而拉长并改变比例。有没有更好的方法让图像显示在固定位置并随着窗口大小的调整而缩放而不扭曲?

最佳答案

您的图像会改变比例,因为您根据窗口大小设置了宽度和高度。仅设置宽度(或仅设置高度)。

此外,您还可以使用 max-widthmax-height 指定您希望图像具有的最大尺寸(以及 min-width code>/min-height 指定最小尺寸)

关于css - 如何让图片出现在页面的固定位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18099415/

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