DivCSS布局關(guān)于分辨率與100%自適應(yīng)問題的探討！_DIV+CSS實(shí)例

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　在論壇看到有網(wǎng)友提問，關(guān)于分辨率與自適應(yīng)的問題：

經(jīng)典論壇原文如下：

示例代碼 [hl5o.cn]

　　本人最近在學(xué)CSS，但是有蠻多疑問。我現(xiàn)在在這里列出來。

　　1.請問如何設(shè)定在不對的客戶端都能正常的瀏覽（不變型）網(wǎng)頁。你用CSS定位，你要怎么設(shè)定最外面的層寬？假如設(shè)定為。寬800
　　那這有一矛盾，你知道客戶是用什么？他假如用PDA上網(wǎng)他的瀏覽器，怎么去適應(yīng)？假如對方的分辯率是用 1024寬？或是用 1280。再是用現(xiàn)在的1440這種的。我們自己設(shè)定個固定寬，不怕造成，對方的設(shè)備，不好正常顯示器嗎？

　　2.假如用百分比定位。OK，應(yīng)該可以解決適應(yīng)問題，但又有一疑問出來，你用的是自適應(yīng)，請問，那你內(nèi)部的區(qū)域塊的寬高，你要怎么設(shè)？因?yàn)槟悴恢滥阕畲笾挡荒艹^多少。（不過CSS可以設(shè)定自動加長加寬區(qū)域，這個我覺得不錯，不用像以前表格那樣，不夠用，只好再加，不夠用再加，那樣也累。）

本人闡述一些自己的拙見：

1、關(guān)于分辨率的使用：

　　一般考慮800分辨率的使用，兼容1024�，F(xiàn)在開始流行直接做成1024的分辨率了。一般可以設(shè)置水平居中對齊�？梢约骖櫞蠓洲q率的瀏覽。假如考慮PDA等移動掌上設(shè)備訪問的話，問題就大了去了。而且對于美工的要求就更高了，為了兼容會丟失很多細(xì)節(jié)表現(xiàn)。暫不建議這樣做。

2、關(guān)于百分比自適應(yīng)布局：

　　假如用百分比進(jìn)行制作，那么勢必讓頁面的裝飾圖片盡量的少，因?yàn)槟愕眉骖欁钚〉那闆r與最大的情況。而裝飾性圖片很多是不能這樣進(jìn)行適應(yīng)的。有得必有失。呵。假如你用百分比進(jìn)行三列式部局，頂部可以用100%，下面三列可以分別是：15% 70% 15%。（但請注重有時候需要適當(dāng)縮減，因?yàn)轱@示器可能會讓15% 70% 15%大于100%）
　　