2010-02-13 47 views
1

靈活的佈局難以製作和維護,耗時比固定寬度佈局?靈活的佈局難以製作和維護,耗時比固定寬度佈局?

靈活的佈局是指只給予寬度高度和字體em%

靈活佈局對桌面和移動用戶的主要優勢是什麼?

如果我們做出靈活的佈局,那麼應該在em中給圖像的寬度和高度或`%也是圖像比例尺以及佈局div和字體大小。

我們應該讓所有事情都變得靈活頁眉,頁腳,側邊欄,內容區域?

有靈活佈局的缺點嗎?我聽說一個關於較長的段落對可讀性不好。

如果客戶對固定寬度佈局感到滿意,即使我們不要求額外的錢,如果客戶不介意,我們也應該讓佈局靈活(向他人展示我們的技能)?或者我們應該只根據需要靈活佈局。

回答

0

我通常會開發一個流體結構的網站,通過主要元素保持一定的寬度。這樣,我可以輕鬆地對整個頁面寬度進行更改,而無需手動修改其寬度需要更改的每個元素。實質上,這要求您將主容器的寬度設置爲像素,將所有內部元素設置爲包含元素的百分比。

如果您確實需要創建流體佈局,處理寬內容區域的更好方法是使用最大寬度來限制某些元素可以擴展多遠。這應該可以防止內容流問題,同時仍然允許佈局的其他部分充分利用用戶的屏幕大小。

要允許調整文本大小,請將包含元素的高度保留爲未定義,以便在更改文本大小時根據需要擴展它們的高度。

1

靈活的佈局比佈局更難以開發。以%爲單位設置寬度是創建靈活佈局的一種可能性。您也可以使用JS來縮放文本a.s.o.

靈活的佈局的好處是,它填補了每一個屏幕和水平滾動條從不出現。圖像應該是固定的寬度,因爲大多數瀏覽器不能很好地縮放圖像。

並非每一個元素都必須靈活,但靈活的內容區域對頭部保持固定並創建滾動條時不會有太大的幫助。

+0

但是如果圖像不能與文本和佈局div一起縮放,那麼如果用戶增加文本,佈局設計將會中斷 – 2010-02-13 19:06:48

+0

如果您使用縮放功能,現代瀏覽器也會放大圖像。但是,靈活佈局的主要目標是適合不同的視區(屏幕)大小。這當然不可能以無限的方式進行。您可以通過使用最大寬度和最小寬度來限制靈活性的程度(當然,您需要對IE6使用一些解決方法)。 – eWolf 2010-02-13 20:45:39