2013-01-23 52 views
0

我正在尋找一個CSS包,它將幫助構建一個具有滾動內容的流體/響應式佈局......我不知道我是否準確地描述了它,但我的意思是很好地代表herehere用於全屏液體,響應式佈局,滾動內容的CSS包

還有其他的,但這兩個顯示得不錯。

對此的任何提示?我是否在推翻事物,它就像一個大的無列CSS網格一樣簡單(即我甚至可以使用Twitter的Bootstrap作爲出發地)?我已經嘗試過一些簡單的設計,但它似乎從未適用於每個設備/每次調整屏幕大小。

謝謝大家的幫助。

+0

這是你正在尋找的表達:http://en.wikipedia.org/wiki/Responsive_web_design? – cheesemacfly

+0

twitter bootsrap是一個不錯的選擇。我經常用它作爲響應式設計的標準。它運行良好,有很多信息可用。請注意,您可以刪除自定義選項卡上不需要的內容,甚至可以下載較少的文件並編輯這些文件並編譯自己的版本。 – Pevara

回答

0

在進行響應式設計時,您需要確保爲視口初始縮放值1設置元標記。移動設備傾向於將更多像素值包含到實際像素中,以便它們適合屏幕,但如果您將視口的初始縮放值設置爲1,那麼您基本上會告訴設備您希望以1至1像素比率查看頁面。

添加到您的標題:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" >