css - 居中和底部对齐时自动调整 div 中的图像大小

Question

我正在努力解决这个问题，但我没有取得太大进展。我有一个背景图像，它可以自动缩放到任何窗口大小。在它前面，我试图将固定在页面底部的图像居中，同时可缩放。这是我现在拥有的 CSS。

        #guys img{
            width:35%;
            margin-left:auto;
            margin-right:auto;
            bottom:0px;
            position: fixed;
        }   

这就是我调用DIV的方式

    <div id="guys">
        <img src="img/boys.png" alt="">
    </div>

我最终得到的是固定在页面底部的图像，并且是可缩放的，但我从来没有能够将它也居中。有什么想法吗？我将不胜感激!

Answer 1

我可以看到你的图片已经在一个 Div 中使 div relative 和 margin auto 具有与您的图像相同的宽度，一切都应该正常工作。

        #guys{
        position:relative;
        margin:auto;
        width:35%;

    }       
       #guys img{
        width:35%;
        bottom:0px;
        position: fixed;

    }