響應式設計初始寬度，需要諮詢請

Question

我最近開始嘗試瞭解響應式web開發和CSS媒體查詢。我被授予了一個photoshop設計來轉換爲響應式HTML。

這是我的兩難境地，設計的總體寬度總共只有785px。我不認爲我見過一個寬度小於960像素的RWD？對此我還是一個新手，我不知道這是否是一個問題，如果我想瘋狂地嘗試使它工作？主頁上的佈局爲2列設計，其餘頁面爲3列（左側欄，內容廣泛的中心區域，右側欄）和四列頁腳。

我應該回到設計師那裏告訴他他需要重做整個事情嗎？我真的想避免這樣做，因爲他僱用了其他機構根據這種設計打印他的品牌。

你會使用這個寬度嗎？它可以嗎？

如果是這樣，我想使用一個模板，這對我來說是一個很大的幫助，在這一點上學習。設計儘可能標準化。沒有超鏈接之外的交互式元素，所以沒有任何需要js或jQuery的功能。

如果任何人都可以推薦一個模板/框架，將不會壓倒一個簡單的項目的功能和附加功能，我也會很感激。

Answer 1

如果設計不能放大到960px，那麼你可以創建自己的CSS網格系統。

轉到：http://www.gridsystemgenerator.com/gs04.php?GridWidth=785&GridColumns=2&GridMarginLeft=29並看看我剛剛打開的網格。你也可以在那裏創建你自己的。

請記住，對於您的兩列布局，爲使總寬度爲785px，第二列上的剩餘邊距需要爲奇數，以創建兩個大小均勻的列。

對於三個欄佈局，你可以使用這個網格系統http://www.gridsystemgenerator.com/gs04.php?GridWidth=785&GridColumns=3&GridMarginLeft=28

好運。