關(guān)注問(wèn)題
1人贊同了該回答
? 一、靜態(tài)布局
在傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)上所有元素的大小都是px。
1. 布局特征
無(wú)論瀏覽器的確切大小如何，頁(yè)面的布局始終與第一次編寫(xiě)代碼時(shí)相同。常規(guī)的PC站點(diǎn)是靜態(tài)布局的，具有最小寬度，因此，如果寬度小于此值，則顯示滾動(dòng)條，如果寬度大于此值，則顯示內(nèi)容居中和背景。這種設(shè)計(jì)在PC上很常見(jiàn)。
2. 設(shè)計(jì)方法
PC:中心布局，所有樣式使用絕對(duì)寬度/高度(px)，設(shè)計(jì)一個(gè)布局，在屏幕的寬度和高度已經(jīng)調(diào)整，使用水平和垂直滾動(dòng)條檢查覆蓋部分;移動(dòng)設(shè)備:建立一個(gè)單獨(dú)的移動(dòng)網(wǎng)站，設(shè)計(jì)一個(gè)單獨(dú)的布局，并使用一個(gè)不同的域名，如wap?；蛘適。
優(yōu)點(diǎn):這種布局對(duì)設(shè)計(jì)師和CSS作者來(lái)說(shuō)都是最簡(jiǎn)單的，并且沒(méi)有兼容性問(wèn)題。
缺點(diǎn):很明顯你不能改變用戶(hù)的屏幕尺寸。目前，大多數(shù)門(mén)戶(hù)網(wǎng)站、大多數(shù)企業(yè)PC廣告網(wǎng)站都采用了這種布局。固定像素大小的web頁(yè)面是匹配固定像素大小的顯示的最簡(jiǎn)單方法。然而，這種方法不是一種完全兼容的方式來(lái)創(chuàng)建未來(lái)的web頁(yè)面。我們需要一些方法來(lái)適應(yīng)未知的設(shè)備。
二、流式布局
液體版面(也稱(chēng)為“流體”)的特點(diǎn)是頁(yè)面元素的寬度根據(jù)屏幕分辨率進(jìn)行調(diào)整，但總體版面不變。代表性圍欄系統(tǒng)(網(wǎng)格系統(tǒng))。例如，將主網(wǎng)頁(yè)正文的寬度設(shè)置為80最小寬度設(shè)置為960px。圖像也被類(lèi)似地處理(寬度：100%，最大寬度通常設(shè)置為圖像本身的大小，以防止由于拉伸而失真)。
發(fā)布于2023-03-10
