2016-09-12 分類: 網(wǎng)站設計
網(wǎng)站設計中有很多布局,常見的包括固定,液體和彈性布局。以下介紹用于描述Web設計中布局的主要差異,以及每個特定設計何時需要特定布局。
1、固定布局
在網(wǎng)頁設計中,固定布局是指使用特定測量單位來定義網(wǎng)頁寬度的布局,與所有其他因素無關(guān),包括瀏覽器窗口尺寸和字體大小,無論瀏覽器窗口的大小或?qū)懭腠撁娴淖煮w大小如何,網(wǎng)頁站點都將是相同的固定大小。例如,網(wǎng)頁網(wǎng)站的主列可以固定為740像素,如果用戶在最小化的瀏覽器窗口上訪問該網(wǎng)頁,則主列仍將是740像素寬,無論瀏覽器窗口變得多大或多小,這都不會改變。如果瀏覽器窗口小于頁面的固定寬度,則查看者將無法一次看到頁面上的所有內(nèi)容。調(diào)用布局是頁面固定在恒定的像素寬度,網(wǎng)頁內(nèi)的各種列使用選定的測量單位來定義,比較常見的是像素。
2、相對布局
相對布局是指使用某個相對測量單位定義網(wǎng)頁寬度的布局,頁面中的內(nèi)容將根據(jù)用戶訪問它的瀏覽器窗口大小來調(diào)整大小。對于相對布局,列寬被定義為填充瀏覽器窗口的某一部分,而不管查看頁面窗口的實際大小,如果查看者將網(wǎng)站擴展或收縮為更大或更小,則窗口將自動調(diào)整大小,相對于瀏覽器窗口大小保持不變。在特定限制內(nèi),不必水平滾動以訪問具有相對布局的所有內(nèi)容,網(wǎng)頁設計中的相對布局也叫液體布局或流暢布局,頁面會拉伸或收縮自身以填充可用容器的整個空間。
為什么給出這么多名字的相同布局,簡短的解釋是,名稱的出現(xiàn)是來自不同地點的不同網(wǎng)站管理員描述,當時沒有技術(shù)描述的現(xiàn)象,網(wǎng)頁設計本身就比較新穎,每個遇到的現(xiàn)象都沒有明確的詞匯,網(wǎng)站管理員只是給出了一個他認為適合的名稱。相對布局中的元素以相對單位定義,例如百分比是頁面上字體的字體高度。它相對測量,字體大小也具有不同的高度。百分比的工作方式與其他地方相同,即如果列設置為頁面的60%,則占用可用空間的60%,例如瀏覽器窗口。
網(wǎng)頁標題:網(wǎng)站設計中的布局定義及何時使用
當前路徑:http://m.rwnh.cn/news37/43737.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容