在调整屏幕大小时缩小菜单（div）

Question

我在网站上有一个菜单：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> 

Answer 1

对于所有类型的屏幕更好的显示效果（即电脑，手机，ipad公司等）要使用@media screen请参考link

由于网站不适合所有屏幕，您需要设置差异。属性差异。屏幕。

Answer 2

制作一个max-height:100%;和一个min-height:auto;也用宽度做到这一点。