960gs和骷髏的實用程序

我有一個簡單的問題。我現在正在學習網頁設計，但是我發現很難有基於像素的網格;這件事是由於響應元素。960gs和骷髏的實用程序

我不能只插入媒體查詢，因爲圖像，例如，必須調整每個像素的大小，而不僅僅是在邏輯斷點。所以我的解決方案，儘可能簡單，將設置一個寬度：％;每個列都有（我將有1或2列，但圖像和內容必須調整每個像素的大小）。

然後以Skeleton ..我看到它，但它似乎是除了媒體查詢960gs相同的副本...並且它仍然是同樣的問題。

我可以認爲960gs可以解決問題，只是在一個有很多元素（3-4列）的大型站點中解決問題，而不需要增加或調整其寬度（例如在1024處的最大邏輯斷點，例如，你不需要另一個空間的列，你只需要一個保證金：0自動;爲整個網站居中）。

那麼，您怎麼看？我需要一個建議。謝謝。

EDIT ::一個代碼示例（ⅰ說，這是僅有2列）

<header> 
some social media pixtures 
</header> 

<nav> 
logo and menu 
</nav> 

<aside> 
pictures 
</aside> 

<section> 
some articles 
</section> 

<footer> 
copyright and about me 
</footer>

來源

2013-09-25 FrancescoN

對於圖像，您可以設置'width：100％'和任何你想要的最大寬度。每個元素可以調整大小沒有太大的問題。 – Chad

無論如何，我問的是什麼時候使用960gs和骨架，以及爲什麼 – FrancescoN

@Chad：是的，我知道它......但你還需要設置列的寬度。我希望每次調整窗口大小時調整圖像大小。那麼，爲什麼使用像素網格系統的樣式表，如果我工作的響應元素（需要％寬度）？這是我的問題。使用Meyer的樣式表和自己編寫的規則將是同樣的事情。 – FrancescoN

960gs已由Unsemantic成功了。參見：http://unsemantic.com/。 Unsemantic框架對列寬使用百分比，而百分比與容器寬度有關，它們更適合用於響應式網格。

一些小建議：使用網格系統來指定佈局列，而不是將列寬應用於特定元素，如新聞列表，圖像等。這允許列內的元素自動獲得它們的寬度通過列寬度本身。

來源

2013-09-25 15:47:45 iainvdw

是的，當然，寬度將應用於DIV容器。但我仍然不相信960和Skeleton是如此受歡迎......我們正處於響應式設計的時代......爲什麼使用基於像素的樣式表？ – FrancescoN

你是對的，主要是。 960gs具有固定的基於像素的寬度，但最新版本的Skeleton已經適用於響應式網頁設計。 *編輯* 我明白你的意思，你的意思是基於像素的網格與基於流體百分比的網格。我相信基於像素的網格更容易，因爲您可以更好地控制頁面和元素的寬度和佈局。對於流體網格，您需要檢查是否從最大寬度開始設計每個像素，並檢查它是否仍適合該分辨率。 – iainvdw

我同意你的意見。但是，當筆記本電腦屏幕上的2列變爲智能手機上的1列時，最好爲每列設置2個流動列，** float **屬性和**最大寬度**。這就是我所需要的。 ** 960gs **將迫使我使用這些網格，所以我會用**最大寬度**替換**寬**並添加一個流**寬**。這就像我沒有使用960.無論如何，這是非常適合我的，謝謝。 :) – FrancescoN

960gs和骷髏的實用程序

回答

相關問題