0

我在网站上有一个菜单：http: //bit.ly/18zG5i7。如果窗口变小，我试图缩小这个菜单。

CSS

#menu_wrap
{
    max-width: 100%;
    position: fixed;
    top:50%;
    width: 100%;
    display: inline-block;
    bottom:0%;
    left:2%;
    z-index: 500;
}

#menu 
{
    background: #FFD700; 
    border-color:#000000;
    width: 180px;
}

HTML

<div id="menu_wrap">
    <div id="menu">
        <ul id="navbar">
            <li><a href="#"> Home </a></li>
            <li><a href="#"> About </a></li>
            <li><a href="#"> Contact </a></li>
        </ul>
    </div> 
</div>
4

2 回答 2

1

为了在您想要使用的所有类型的屏幕（即 pc、手机、ipad 等）上更好地显示，@media screen请参阅链接

因为网站不适合所有屏幕，所以您要设置差异。差异的属性。屏幕。

于 2013-06-21T08:27:22.417 回答
0

制作 amax-height:100%;和 amin-height:auto;也可以使用宽度。

于 2013-06-21T08:27:48.167 回答