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

有很多事情要考慮建立一個響應網站，但首先是關於不以像素爲單位固定寬度，但在％和/或使用媒體查詢。