我可以在我的網站的整個寬度上使用百分比嗎？

Question

人們使用的顯示器種類很多，因此很難指望用戶使用什麼樣的分辨率來查看您的網站。爲了避免這個問題，我想使用百分比而不是像素，em和pt來定義網頁佈局。但是，這是一個很好的做法嗎？包括使用百分比，例如80％用於主包裝？

我知道很難做到這一點，當它來確定內部元素的寬度。我必須根據每個div的父項計算百分比。當你遇到不同的瀏覽器分辨率時，你們如何處理這個問題？

Answer 1

CSS媒體查詢是在本次檢查這個http://css-tricks.com/css-media-queries/

Answer 2

最好的解決方案有明顯的液體和固定佈局之間的爭論，但流體佈局可以很好地工作，以及。

一個例子是smashing magazine（嘗試調整您的窗口與站點加載調整大小）。

我相信如果你使用某種框架會容易得多。如果您以前使用過任何網格CSS框架，則可以查看Liquid Blueprint。這允許您以基於網格的方式工作，但是根據瀏覽器的大小讓頁面流暢地調整大小。

Answer 3

我使用外部容器內的每個寬度的百分比，但具有最小寬度和最大寬度：對於容器本身，因此它縮放一小部分。最小寬度爲960像素，最大寬度爲1160像素。這樣，它可以更好地處理更大的屏幕尺寸，並且如果我想讓我可以返回並使其響應，因爲它已經全部以百分比表示。