支持1366 * 768的1920 * 1080的基於網站

-2

我對改造想，一個網站的工作，支持1366 * 768支持1366 * 768的1920 * 1080的基於網站

在1920×1080，它工作正常。但是，當我嘗試訪問MacBook Air（1366 * 768）上的網站時，網站的一部分已經被切斷。但我還沒有固定的位點高度前

結構爲#nav_bar在左側，＃內容的右側，而頁腳是position:fixed

這不是一個負責任的網站，因此它不要緊，如果我可以滾動/調整整個網站的小屏幕

總之，哪些元素應該調整，以便我可以查看所有內容，就像當我在1920px屏幕訪問時一樣身體？

網站：

kotechweb.com/new_focus/

更新部分

HTML

<body>  
     <div id="wrapper"> 
      <div class="nav_bar"> 
      </div> 
      <div id="content" style="padding-top:50px;"> 
       <div class="box"> 
       </div> 
      </div> 
     </div> 
     <div id="footer"></div> 
</body>

CSS：

body { 
    position: relative; 
    font-family : Arial; 
    min-width:100vw; 
    min-height:100vh; 
    margin: 0px; 
    background-color:#B2B2B2; 
    background-image:url("../img/front/bg.png"); 
} 

#wrapper { 
    min-width:1366px; 
    text-align: center; 
} 

.nav_bar { 
    width:500px; 
    display: inline-block; 
    vertical-align: top; 
    word-break:break-all; 
    text-align:left; 
} 

#content{ 
    position:relative; 
    display: inline-block; 
    text-align: left; 
    vertical-align: top; 
    -webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out; 
    -ms-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out; 
} 

#box{ 
    position:relative; 
    width: 700px; 
    float:right; 
} 

#footer { 
    min-width: 1366px; 
    padding: 15px 0px 0px 0px; 
    background-color: #333333; 
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    width: 100%; 
}

來源

2015-11-03 user782104

對不起，已經更新了simplifed HTML結構問題及相關的CSS如果你想自己做的一切，我建議在媒體查詢閱讀了 – user782104