上海網(wǎng)站建設(shè)?上海網(wǎng)站設(shè)計(jì)（m.legal-theory.net）

動(dòng)態(tài)頁(yè)面布局

動(dòng)態(tài)頁(yè)面布局（有時(shí)也被稱為“動(dòng)態(tài)”或“動(dòng)態(tài)寬度”）使用百分比這種相對(duì)單位，而不是像素這種固定的單位。無(wú)論用什么寬度的瀏覽器瀏覽動(dòng)態(tài)布局頁(yè)面，都會(huì)填充頁(yè)面的寬度。動(dòng)態(tài)布局在設(shè)計(jì)中不需要太多的思考，這就造成了它在寬度非常大或非常小的瀏覽器中的很多重大缺陷。如果瀏覽器寬度很大，有些內(nèi)容就會(huì)延伸的很遠(yuǎn)，在一個(gè)大屏幕上，一個(gè)段落可能會(huì)在整個(gè)頁(yè)面上只能顯示一行。相反，在小屏幕上由于內(nèi)容過(guò)多會(huì)自動(dòng)形成多列布局。

自適應(yīng)頁(yè)面布局

自適應(yīng)頁(yè)面布局利用CSS為媒介來(lái)檢測(cè)瀏覽器的寬度并相應(yīng)地調(diào)整布局。自適應(yīng)布局和靜態(tài)布局一樣使用固定的單位像素，但不同的是，有CSS媒介檢測(cè)并定義多個(gè)固定的寬度。檢測(cè)寬度和調(diào)整布局之間形成一個(gè)基本的算法。例如，對(duì)于自適應(yīng)頁(yè)面，如果瀏覽器寬為500像素，設(shè)置主內(nèi)容寬度為400像素，如果瀏覽器寬為1000像素，然后設(shè)定主內(nèi)容寬度為960像素。超過(guò)主內(nèi)容寬度的，頁(yè)面的其他部分可能會(huì)改變寬度，改變地方，或者被去掉。例如，如果瀏覽器太窄，一個(gè)兩列布局可能成為一列布局。

如果上海網(wǎng)站建設(shè)人員要將一個(gè)靜態(tài)頁(yè)面轉(zhuǎn)換到移動(dòng)設(shè)備查看，自適應(yīng)布局是一個(gè)很好的辦法。自適應(yīng)布局通常比一個(gè)響應(yīng)式布局使用較少的開(kāi)發(fā)時(shí)間。主要的缺點(diǎn)是網(wǎng)頁(yè)中的元素寬度介于兩者之間的時(shí)候效果通常不太理想，要么就是占用太多的空間或沒(méi)有足夠的空間。