沈陽網(wǎng)站設(shè)計，易勢為您量身打造！

當我們使用鉛筆和紙畫出第一個布局塊時，我們是在“容器”塊中設(shè)計外部的矩形。在打印設(shè)計中，“容器”塊本身就是一個類似商務(wù)名片或廣告牌的實體。

在網(wǎng)絡(luò)上，我們的“容器”就是瀏覽器的窗口。這種設(shè)計是應(yīng)該填滿瀏覽器的窗口，還是應(yīng)當有設(shè)定的寬度？這個決定已經(jīng)困擾了網(wǎng)絡(luò)設(shè)計人員數(shù)百年--甚至可以說是數(shù)千年--當使用表格和spacer.gif文件為我們的網(wǎng)頁內(nèi)容安排布局時，這個問題就在困擾我們了。好，也可能不是數(shù)千年以前，但這毫無疑問確實是一個存在了很久的問題。

固定寬度

如果使用960網(wǎng)格系統(tǒng)開始設(shè)計你的布局，你會有機會設(shè)計出一個固定寬度的布局。這些設(shè)計是使用a div包裝的，a div可以給出一種基于像素的寬度，而主體標記的中心應(yīng)當使用margin:0 auto;如果瀏覽器窗口的寬度超過960像素，將會看到一個水平滾動條。固定寬度的布局很容易設(shè)計和維護--因為你基本上就是在構(gòu)建你在photoshop里設(shè)計的東西。

流動寬度

流動的布局是使用基于百分百的寬度設(shè)計的，這樣“容器”就會在你改變?yōu)g覽器窗口的尺寸時伸縮。在規(guī)劃這些時需要考慮更多問題，因為你要預(yù)見到每一個可能的寬度上可能出現(xiàn)的問題。有時像素--寬度攔與基于百分比的欄會在流動布局中混合起來，但是這種思想會讓用戶看到在屏幕上充斥著大量水平展現(xiàn)的內(nèi)容。通常來說，流動寬度利用了CSS的中間寬度和最大寬度的特性，這可以確?！叭萜鳌辈粫兊脴O窄或極寬。

一些設(shè)計人員拒絕流動寬度布局的一個原因點：認為這種布局會迫使他們使用網(wǎng)格創(chuàng)建其設(shè)計。網(wǎng)上有一些可以用于在網(wǎng)格上設(shè)計流動寬度的布局的資源，包括960網(wǎng)格系統(tǒng)的流動寬度適配器。盡管最終應(yīng)用在一種類型的布局上是用另一種類型的布局決定真的可以由網(wǎng)站的目標受眾及每個網(wǎng)站的可訪問性的目標確定。

本文由沈陽網(wǎng)站設(shè)計公司－沈陽易勢科技提供，如需轉(zhuǎn)載請注明出處。

沈陽易勢科技擁有專業(yè)設(shè)計團隊為企業(yè)提供網(wǎng)頁設(shè)計、網(wǎng)絡(luò)平臺開發(fā)服務(wù)。