從960 gs轉換爲流體/響應式設計12列

Question

我是網絡開發的初學者。關鍵是我已經建立了我的投資組合網站。我將身體的寬度設置爲1600px，因爲這是我的橫幅背景的寬度，因爲它出現在我的photoshop原型中。我也在使用960gs 12列。當我在瀏覽器中預覽網站時，我覺得它太寬泛了。

我現在想做的是讓它成爲一個響應式的。

這裏是我的代碼的結構：

<div id="banner"> 
    <div class="container_12"> 
     <!----banner content here-----> 
    </div> 
</div> 

CSS：

body {width: 1600px;} 
#banner {background-img:"bgimagehere"; height: 660px;}  

希望有人能幫助我。由於

Answer 1

設置

img{width:100%, height:100%} 

會使圖像響應或使用媒體查詢來設置圖像尺寸更小和更大的屏幕的設備。

執行以上任一操作將使您的網站響應。或者使用bootstrap，initializr或其他着名的框架來幫助您更好地構建。

希望這有助於

Answer 2

據我瞭解，你有2個問題：

1）1600像素太大了你。
2）你需要一個旋轉木馬（您的標題說這一點，但你的解釋是那種含糊）

所以，與其在px使用一個固定的寬度，使用相對一個，像100%。對於第二個問題，我建議使用Flex Slider。請嘗試更清楚您的問題是什麼。

編輯：

好了，你的問題的標題是現在好多了。旋轉木馬不適用。