Создание меню (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

Поскольку веб-сайт не подходит для всех экранов, вы хотите установить diff. свойства для diff. экраны.

Answer 2

Сделайте max-height:100%; и min-height:auto; Также сделайте это с шириной.