99久久精品免费观看国产_久久无码人妻一区二区三区_50岁熟妇的呻吟声对白_毛很浓密超多黑毛的少妇

現實中，設計師通常混合使用(yong)固定(ding)寬度、流式布局或者(zhe)彈性布局元(yuan)素，為用(yong)戶提(ti)供每(mei)種方式的(de)優點，并且(qie)將缺點降低(di)到最小。

例如，內容區域通(tong)常(chang)會使用(yong)(yong)em 單位（以(yi)此來確保每(mei)行的適當(dang)長度(du)以(yi)及在IE6 下的字(zi)體縮放）。側(ce)邊欄通(tong)常(chang)使用(yong)(yong)固定單位（因為(wei)側(ce)邊欄通(tong)常(chang)會包(bao)含固定寬度(du)的Ba

nner，這樣固定寬度才比較可行）。另外(wai)一個相關(guan)的(de)技術是為流式內容(rong)指定“最(zui)小寬度”和“最(zui)大寬度”屬(shu)性(xing)。使用CSS 屬(shu)性(xing)而不是彈性(xing)元素，讓用戶可以根據(ju)個人喜好調整(zheng)每行的(de)長(chang)度。

Jello-liquid 布(bu)局(ju)雖然不(bu)是很流行，但(dan)卻比(bi)較(jiao)有(you)趣（“Jello ：A Different LiquidLayout”，uwmike.com）。為(wei)了保持內容區的可讀性，他努(nu)力降低布(bu)局(ju)增(zeng)長(chang)時(shi)比(bi)例增(zeng)長(chang)的速度。所(suo)以，一個自適(shi)應(ying)布(bu)局(ju)在1024×768（960÷1024=0.9375）視口(kou)中具有(you)960 像(xiang)(xiang)素(su)(su)(su)(su)寬(kuan)度，在窗口(kou)增(zeng)長(chang)到(dao)1440×900（1440÷1350=0.9375）時(shi)會得到(dao)一個比(bi)1350 像(xiang)(xiang)素(su)(su)(su)(su)小的寬(kuan)度。為(wei)了實現這種效果，布(bu)局(ju)中很大一部分元素(su)(su)(su)(su)都(dou)使(shi)用了固定(ding)的像(xiang)(xiang)素(su)(su)(su)(su)值，剩(sheng)下的元素(su)(su)(su)(su)使(shi)用了與窗口(kou)寬(kuan)度相(xiang)關的相(xiang)對值。

固定部分(fen)占布局(ju)的比例(li)越小，布局(ju)隨(sui)著窗口拉(la)伸時所獲得(de)效果就越好。很(hen)(hen)簡單、也很(hen)(hen)智能。

另外(wai)一個(ge)有趣的方法(fa)是結合了(le)流(liu)式和(he)彈(dan)(dan)性(xing)(xing)元素的流(liu)式彈(dan)(dan)性(xing)(xing)布(bu)局(ju)(ju)(ju)（fluid elasticlayout）。這種布(bu)局(ju)(ju)(ju)基(ji)于em 單位，但是使(shi)用相對值(zhi)設置了(le)“最(zui)(zui)小(xiao)(xiao)寬度”和(he)“最(zui)(zui)大(da)寬度”（考(kao)慮了(le)窗口(kou)的寬度，賦予用戶將布(bu)局(ju)(ju)(ju)限制(zhi)在一定縮放范圍內的能力）。通過設置最(zui)(zui)大(da)和(he)最(zui)(zui)小(xiao)(xiao)寬度，文本縮放到一定程度的時候會停止變(bian)(bian)化。布(bu)局(ju)(ju)(ju)隨著窗口(kou)的變(bian)(bian)化而(er)自(zi)動調(diao)整(zheng)保留了(le)適應性(xing)(xing)，同時也是彈(dan)(dan)性(xing)(xing)的。在窗口(kou)尺(chi)(chi)寸或者字體(ti)尺(chi)(chi)寸發生變(bian)(bian)化時，各列的寬度在自(zi)動變(bian)(bian)化。

在下面的例子中(zhong)，為容(rong)器(qi)和每一列設置了“max-width”屬性。這樣布局就會限制(zhi)在整個視口的寬度。同樣，在較老(lao)版本(ben)的IE 中(zhong)并(bing)不支持“max-width”，所(suo)

以(yi)我們(men)需要(yao)為IE 做一些特殊的(de)處理，代碼如下(xia)所示（在下(xia)一個例子中將(jiang)不再列出）。2.7 哪種布局最適合您(nin)的(de)網站(zhan)？

固定寬度(du)的(de)(de)方法通常在(zai)帶有(you)大量圖片的(de)(de)高級視覺布(bu)(bu)局中表(biao)現(xian)良好(hao)（例如娛樂、促銷或者(zhe)(zhe)基于Flash 的(de)(de)網站(zhan)，還有(you)一(yi)些(xie)作品集(ji)頁面(mian)），這樣圖片能夠通過精確的(de)(de)定位實現(xian)更加準確、較(jiao)(jiao)少錯誤的(de)(de)設(she)計。實現(xian)這種布(bu)(bu)局，設(she)計師需要(yao)考慮用戶的(de)(de)平(ping)均(jun)情(qing)況，確保(bao)設(she)計的(de)(de)布(bu)(bu)局對(dui)大部分用戶不(bu)會顯得太窄或者(zhe)(zhe)太寬，在(zai)不(bu)同(tong)瀏覽器間(jian)保(bao)持(chi)良好(hao)的(de)(de)可(ke)用性(xing)。編寫固定布(bu)(bu)局同(tong)樣比較(jiao)(jiao)規(gui)則和(he)直(zhi)接(jie)，開發人(ren)員不(bu)需要(yao)為各(ge)種元素之間(jian)的(de)(de)關系和(he)平(ping)衡(heng)耗費太多心(xin)思。

對(dui)于(yu)哪種(zhong)布(bu)局最(zui)合適不會得到標準答案。限于(yu)使用環境(jing)、時間限制以及設(she)計師的技能，每種(zhong)布(bu)局都(dou)有特定的應(ying)用情況。

如果這(zhe)(zhe)正是(shi)你的(de)(de)(de)想法，也許(xu)你會考(kao)慮(lv)在(zai)(zai)設(she)計中(zhong)使用流式(shi)布局(ju)。這(zhe)(zhe)種布局(ju)制作非常(chang)耗時(shi)，也不(bu)是(shi)很容(rong)易開(kai)發，并(bing)且在(zai)(zai)一(yi)些不(bu)可預知的(de)(de)(de)環境中(zhong)存在(zai)(zai)一(yi)定風險，但是(shi)提(ti)供了用戶(hu)根據(ju)喜好調(diao)整布局(ju)的(de)(de)(de)特性(xing)。流式(shi)布局(ju)具(ju)有較高(gao)的(de)(de)(de)生(sheng)產(chan)成(cheng)本(ben)，但是(shi)顯著降低了維(wei)護成(cheng)本(ben)，同時(shi)為靈活(huo)性(xing)和跨分辨率的(de)(de)(de)網站提(ti)供堅實的(de)(de)(de)基礎。設(she)計師(shi)只需(xu)要確認內容(rong)區(qu)具(ju)有合(he)適的(de)(de)(de)行寬，并(bing)且在(zai)(zai)必要的(de)(de)(de)情況下使用“minwidth”和“Max-width”。

是(shi)否(fou)仍然猶豫不決？彈性或(huo)者部分彈性的(de)設計是(shi)另(ling)外一個選擇(ze)。在正確(que)使用(yong)的(de)前提(ti)下(xia)，彈性布(bu)(bu)局(ju)在帶來了(le)更多可預測性的(de)同時保持了(le)布(bu)(bu)局(ju)的(de)靈活性。因為彈性布(bu)(bu)

局(ju)依賴于字體(ti)大小（而(er)不是瀏(liu)覽器的(de)(de)(de)窗口尺寸），彈性(xing)布局(ju)允許設計師“凍(dong)結”布局(ju)中區塊(kuai)間的(de)(de)(de)比例(li)，確保(bao)元素之間的(de)(de)(de)平衡(heng)和良(liang)好(hao)的(de)(de)(de)可(ke)讀性(xing)。特別是在文本較多的(de)(de)(de)網站中，保(bao)持(chi)良(liang)好(hao)的(de)(de)(de)可(ke)讀性(xing)的(de)(de)(de)要求(qiu)非常(chang)嚴(yan)格（固定布局(ju)中也一樣重要）。彈性(xing)布局(ju)更(geng)多的(de)(de)(de)是用(yong)在雜志、在線(xian)商(shang)店、博(bo)客或(huo)者類似的(de)(de)(de)網站上。聰明的(de)(de)(de)流式網格使用(yong)者可(ke)以創建既(ji)忠實于原始設計比例(li)和經典圖片設計原則，又保(bao)持(chi)適應性(xing)的(de)(de)(de)布局(ju)。

一些(xie)設計師希(xi)望在(zai)不同瀏覽器之間獲得完(wan)美的一致(zhi)，流式設計的支(zhi)持者們卻認為布(bu)局并不需要在(zai)不同平臺和分辨率下保持一致(zhi)。

實際工作(zuo)中，設(she)(she)計(ji)師經常為字體和(he)容器使用em 單位(wei)，而其他(ta)元(yuan)素則靈活地使用像素和(he)相對值來建立一個(ge)彈性的布局。這(zhe)些(xie)或者(zhe)相似的混合(he)布局在實際情況中最(zui)常見，反映了設(she)(she)計(ji)師希望為每種情況找到最(zui)佳解決方案(an)的努力(li)。

在總結(jie)之前，有必要提一下(xia)智能手機、上網本和游戲終端，這些設備現(xian)在都(dou)可以(yi)進行(xing)網頁瀏覽，所(suo)以(yi)更低(di)（或者更高）的(de)(de)分(fen)辨(bian)率變得越(yue)來越(yue)重要，而(er)且應(ying)當進行(xing)認真考慮。對于這類(lei)平臺，動態(tai)的(de)(de)分(fen)辨(bian)率切換技(ji)術(shu)將會非常(chang)有用，而(er)且在將來擴(kuo)展(zhan)你的(de)(de)布局(ju)類(lei)型時會是不二的(de)(de)選擇。雖(sui)然構建自適應(ying)性的(de)(de)布局(ju)需(xu)要耗(hao)費很多時間，但(dan)是由于能夠處理或小或大的(de)(de)各種類(lei)型的(de)(de)分(fen)辨(bian)率，會幫助設計師為用戶(hu)呈現(xian)最合適的(de)(de)效果。隨著屏幕寬度的(de)(de)不斷增加，使(shi)用所(suo)有這些技(ji)巧只(zhi)是個(ge)時間問題(ti)。