網站設計中有很多布局，常見的包括固定，液體和彈性布局。以下介紹用于描述Web設計中布局的主要差異，以及每個特定設計何時需要特定布局。

1、固定布局

在網頁設計中，固定布局是指使用特定測量單位來定義網頁寬度的布局，與所有其他因素無關，包括瀏覽器窗口尺寸和字體大小，無論瀏覽器窗口的大小或寫入頁面的字體大小如何，網頁站點都將是相同的固定大小。例如，網頁網站的主列可以固定為740像素，如果用戶在最小化的瀏覽器窗口上訪問該網頁，則主列仍將是740像素寬，無論瀏覽器窗口變得多大或多小，這都不會改變。如果瀏覽器窗口小于頁面的固定寬度，則查看者將無法一次看到頁面上的所有內容。調用布局是頁面固定在恒定的像素寬度，網頁內的各種列使用選定的測量單位來定義，比較常見的是像素。

2、相對布局

相對布局是指使用某個相對測量單位定義網頁寬度的布局，頁面中的內容將根據用戶訪問它的瀏覽器窗口大小來調整大小。對于相對布局，列寬被定義為填充瀏覽器窗口的某一部分，而不管查看頁面窗口的實際大小，如果查看者將網站擴展或收縮為更大或更小，則窗口將自動調整大小，相對于瀏覽器窗口大小保持不變。在特定限制內，不必水平滾動以訪問具有相對布局的所有內容，網頁設計中的相對布局也叫液體布局或流暢布局，頁面會拉伸或收縮自身以填充可用容器的整個空間。

為什么給出這么多名字的相同布局，簡短的解釋是，名稱的出現是來自不同地點的不同網站管理員描述，當時沒有技術描述的現象，網頁設計本身就比較新穎，每個遇到的現象都沒有明確的詞匯，網站管理員只是給出了一個他認為適合的名稱。相對布局中的元素以相對單位定義，例如百分比是頁面上字體的字體高度。它相對測量，字體大小也具有不同的高度。百分比的工作方式與其他地方相同，即如果列設置為頁面的60％，則占用可用空間的60％，例如瀏覽器窗口。

網頁標題：網站設計中的布局定義及何時使用
當前路徑：http://vcdvsql.cn/news37/43737.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯