图像不能在较小的浏览器中调整大小

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

我已经习惯了将图像放置在右下角的CSS代码如下：

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

的图像是放在一个div里面我的HTML PNG图像。

我希望有人能明白我的意思，并帮助我这个！

来源

2013-03-15 Sara Shellhammer

你需要绝对定位来完成这个，而不是FLOATS。 – 2013-03-15 18:27:18

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

来源

2013-03-15 18:31:10

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

来源

2013-03-15 18:33:59 Bruner

你可以试试这个

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

调整大小的浏览器也调整大小的图像，并且总是在底部。

来源

2013-03-15 18:35:09 Nikhar

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

来源

2013-03-15 23:47:31

图像不能在较小的浏览器中调整大小

回答

相关问题