1

我正在尝试将图像放在页面的右下角并让它始终存在。我已经设法做到了这一点，但是在缩小浏览器窗口时遇到了问题（在使用较小屏幕的不同建议中查看它时，这也是一个问题）。当我使浏览器变小时，图像保持相同的大小，并最终与其他项目重叠（例如我的菜单）。有没有办法让图像与浏览器一起自动变小？

我用来将图像放在右下角的 css 代码如下所示：

display:block;
float:right;
bottom:0;
right:0;
width:340px;

该图像是放置在我的 html 中的 div 内的 png 图像。

我希望有人能理解我的意思并帮助我！

4

4 回答 4

2

您可以为图像指定宽度百分比而不是像素宽度。然后，当您调整窗口大小时，它将调整大小。尝试设置width: 20%为起点，看看会发生什么。

于 2013-03-15T18:31:10.483 回答
1

You can try this

<html>
<style>
img{
position:absolute;
bottom:0;
right:0;
max-width: 100%;
height: auto;
width: auto; 
}
</style>
<body>
<img src="slide2.jpg"/>
</body>
</html>

resizing browser also resizes image, and is always at bottom.

于 2013-03-15T18:35:09.823 回答
0

在这种情况下不要使用浮动，您的定位应该是绝对的，并且不要设置基于像素的大小。如果你想设置它的大小，你可以按百分比来设置，但是，也许最好的解决方案是为不同的屏幕大小设置不同的主题。

于 2013-03-15T23:47:31.993 回答
0

使用%图像的宽度和高度值应该可以工作。

于 2013-03-15T18:33:59.723 回答