css html 5 отзывчивый сайт

Question

Прошло несколько дней, когда я изучаю CSS и html. Я пытаюсь создать веб-сайт, и мой контейнер содержимого работает (отображается) точно, как я хочу его на своем ноутбуке 17 дюймов. Однако, когда я перемещаю его на свой рабочий стол в перемещениях влево и опускается вниз.

Как сделать изменение элемента в соответствии с разрешением экрана.

  /* Entire drop-up menu, show on mouse hover */ 
      #footer_menu li:hover .one_column_layout, 
      #footer_menu li:hover .two_column_layout, 
      #footer_menu li:hover .three_column_layout 
      { 

      display: block; 
      position: absolute; 
      margin: auto; 
      bottom: 40px; 
      border: 1px solid #111111; 
      border-radius: 7px 7px 0px 0px; 
      background: rgba(0,0,0,0.5); 
      bottom: 90px; 
      left: 500px; 
      width: 500px; 
      padding-left: 50px; 
      padding-right: 54px; 
      font-size: 12px; 
      left: 400px; 
      } 

Answer 1

Есть много вещей, чтобы принять во внимание, чтобы создать адаптивный сайт, но первый будет о не фиксируя ширину в пикселях, а в% и/или использовать медиа-запросы.