Html 调整窗口大小时是否保持横幅图像居中？

我有一个横幅，我试图为我的网站使用的问题。图像是1960px 196px。这是我的密码。我就是搞不懂。我正试图使其在调整浏览器大小时自动裁剪图像，从而使图像保持在中心位置

<div id="nav-wrapper">
        <nav><center><div class="logo"></div></center></a>
            <ul>
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="http://614reborn.com/forum/forum.php">Forum</a></li>
                <li><a href="http://614reborn.com/webclient.html">Play Now</a></li>
                <li><a href="http://614reborn.com/download.html">Download</a></li>
                <li><a href="http://614reborn.com/donate/">Donate</a></li>
            </ul>
        </nav>
    </div>

标志：

请有人帮我解决这个问题，它已经让我恼火了一段时间了！谢谢。

将此添加到您的css中：

.logo { 
        max-width: 1960px;
        margin: 0 auto;
        width: 100%;
        height: 196px;

 }

 #nav-wrapper { width: 100%; }

你可以用

    align='center' 

---

希望这有帮助：）

我正在尝试使其在调整浏览器大小时自动裁剪图像，从而使图像保持在中心位置。对不起，我没有在问题中正确地解释这个问题。我试过了，但没用。

.logo { 
        max-width: 1960px;
        margin: 0 auto;
        width: 100%;
        height: 196px;

 }

 #nav-wrapper { width: 100%; }

    align='center'