圖像和DIV部分被切斷時，瀏覽器尺寸的減小

在網站上，我建設，我以後減少瀏覽器的大小，標題圖片和DIV部分只是切斷： enter image description here 圖像和DIV部分被切斷時，瀏覽器尺寸的減小

我我試圖使用Firebug來追蹤代碼，但我真的無法弄清楚我做錯了什麼。有任何想法嗎？

CSS：

.slide { 
    padding-top: 125px; 
    background-attachment: fixed; 
    width: 100%; 
    height: 100%; 
    min-height: 960px; 
    position: relative; 
    box-shadow:inset 0px 10px 10px -10px rgba(0,0,0,0.3); 
} 
div#home, div#contact { 
    min-height: 480px; 
} 
div#inner-container { 
    text-align: left; 
    width: 960px; 
    margin: 0 auto; 
    padding: 0; 
    white-space: normal; 
    position: relative; 
    height: 100%; 
} 
div#greenPortion { 
    background-color: #3CA67B; 
    min-width: 100%; 
    height: 200px; 
    bottom: 0; 
    position: absolute; 
} 
div#title { 
    background-image:url(../images/banner.png); 
    margin: 0 auto; 
    padding: 0; 
    min-width: 100%; 
    height: 200px; 
}

HTML：

<div class="slide" id="home" data-slide="1" data-stellar-background-ratio="1"> 
     <div id="inner-container"> 
      <div id="name" clas="row"> 
       <img src="images/names.png"> 
      </div>        
     </div> 
     <div id="greenPortion"></div> 
    </div>

網站：http://andrewgu12.kodingen.com/

任何幫助，將不勝感激，謝謝！

CSS

body { 
    ... 
    min-width: 960px; 
    ... 
}

來源

2013-07-30 Andrew

什麼是你的意思是切斷？看看你的代碼，你似乎對百分比和明確設置的寬度有一個瞭解。你的意思是你的媒體查詢不起作用？ – smilebomb

在CSS應用min-width: 960px您body你應該考慮使用媒體查詢以不同的屏幕分辨率調整您的網站的外觀

來源

2013-07-30 23:35:06 3dgoo

這似乎是伎倆，謝謝！ – Andrew

百分比設定的寬度，使要素調整窗口大小

div#inner-container { 
    width: 100%; 
} 

div#header { 
    width: 100%; 
}

另外：

來源

2013-07-30 23:35:31

圖像和DIV部分被切斷時，瀏覽器尺寸的減小

回答

相關問題