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を参照してください。

Web サイトはすべての画面に収まらないため、diff を設定します。差分のプロパティ。画面。

于 2013-06-21T08:27:22.417 に答える
0

amax-height:100%;と aを作成min-height:auto;し、幅でもそれを行います。

于 2013-06-21T08:27:48.167 に答える