html - 更改浏览器分辨率时的设计问题

Question

我正在这个网站上工作 http://zap3d.com他们是顶部菜单栏的一些问题当我更改浏览器窗口菜单的大小时，背景被截断。

请帮忙。

我将此 css 用于顶部菜单:-

 .nav_bar {
    float: right;
    width: 100%;
    background: url(/content/img/top-menu-bg.gif);
    height: 30px;
    background-size: contain;
    }
.cen_div {
width: 1000px;
margin: 0 auto;
}
.nav_bar .nav {
list-style: none outside none;
float: right;
margin: 0;
padding: 0 0 0 20px;
position: relative;
}
.nav_bar .nav li {
float: left;
margin: 3px 7px;
}

和 html:-

<div class="nav_bar">
    <div class="cen_div">
        <ul class="nav">
            <li><a href="/Home/Index">Home</a></li>
            <li><a href="/Account/Registration/">Sign Up</a></li>   
        </ul>
    </div>
</div>

Answer 1

您需要在 body 和 nav_bar 上设置 min-width: 1040px; 以使其在较小的窗口上成为可能。