我正在尝试在页面的右下角放置一个图像并让它始终存在。我设法做到这一点，但我在浏览器窗口较小时遇到问题（在使用较小屏幕的不同建议中查看时也存在问题）。当我使浏览器变小时，图像保持相同的大小，并最终与其他项重叠（例如我的菜单）。反正有没有让图像与浏览器一起自动变小？
我用来将图像放在右下角的css代码如下所示：
display:block;
float:right;
bottom:0;
right:0;
width:340px;
图像是放在我的html中的div内的png图像。
我希望有人能理解我的意思并帮助我解决这个问题！
答案 0 :(得分：2)
您可以为图像指定宽度的百分比而不是像素宽度。然后在调整窗口大小时调整大小。尝试将width: 20%设置为起点，看看会发生什么。
答案 1 :(得分：1)
你可以试试这个
<html>
<style>
img{
position:absolute;
bottom:0;
right:0;
max-width: 100%;
height: auto;
width: auto;
}
</style>
<body>
<img src="slide2.jpg"/>
</body>
</html>
调整浏览器大小也会调整图像大小，并始终位于底部。
答案 2 :(得分：0)
使用%值来表示图像的宽度和高度。
答案 3 :(得分：0)
在这种情况下不要使用浮动，您的定位应该是绝对的，不要设置基于像素的大小。如果你想设置它的大小，你可以按百分比来做，但是，最好的解决方案可能是为不同的屏幕尺寸设置单独的主题。