DivCSS布局關于分辨率與100%自適應問題的探討!_DIV+CSS實例
教程Tag:暫無Tag,歡迎添加,賺取U幣!
在論壇看到有網友提問,關于分辨率與自適應的問題:
經典論壇原文如下:
本人闡述一些自己的拙見:
1、關于分辨率的使用:
一般考慮800分辨率的使用,兼容1024。現在開始流行直接做成1024的分辨率了。一般可以設置水平居中對齊。可以兼顧大分辯率的瀏覽。假如考慮PDA等移動掌上設備訪問的話,問題就大了去了。而且對于美工的要求就更高了,為了兼容會丟失很多細節表現。暫不建議這樣做。
2、關于百分比自適應布局:
假如用百分比進行制作,那么勢必讓頁面的裝飾圖片盡量的少,因為你得兼顧最小的情況與最大的情況。而裝飾性圖片很多是不能這樣進行適應的。有得必有失。呵。假如你用百分比進行三列式部局,頂部可以用100%,下面三列可以分別是:15% 70% 15%。(但請注重有時候需要適當縮減,因為顯示器可能會讓15% 70% 15%大于100%)
經典論壇原文如下:
示例代碼 [www.ghpqjb.com]
本人最近在學CSS,但是有蠻多疑問。我現在在這里列出來。
1.請問如何設定在不對的客戶端都能正常的瀏覽(不變型)網頁。你用CSS定位,你要怎么設定最外面的層寬?假如設定為。寬800
那這有一矛盾,你知道客戶是用什么?他假如用PDA上網他的瀏覽器,怎么去適應?假如對方的分辯率是用 1024寬?或是用 1280。再是用現在的1440這種的。我們自己設定個固定寬,不怕造成,對方的設備,不好正常顯示器嗎?
2.假如用百分比定位。OK,應該可以解決適應問題,但又有一疑問出來,你用的是自適應,請問,那你內部的區域塊的寬高,你要怎么設?因為你不知道你最大值不能超過多少。(不過CSS可以設定自動加長加寬區域,這個我覺得不錯,不用像以前表格那樣,不夠用,只好再加,不夠用再加,那樣也累。)
1.請問如何設定在不對的客戶端都能正常的瀏覽(不變型)網頁。你用CSS定位,你要怎么設定最外面的層寬?假如設定為。寬800
那這有一矛盾,你知道客戶是用什么?他假如用PDA上網他的瀏覽器,怎么去適應?假如對方的分辯率是用 1024寬?或是用 1280。再是用現在的1440這種的。我們自己設定個固定寬,不怕造成,對方的設備,不好正常顯示器嗎?
2.假如用百分比定位。OK,應該可以解決適應問題,但又有一疑問出來,你用的是自適應,請問,那你內部的區域塊的寬高,你要怎么設?因為你不知道你最大值不能超過多少。(不過CSS可以設定自動加長加寬區域,這個我覺得不錯,不用像以前表格那樣,不夠用,只好再加,不夠用再加,那樣也累。)
本人闡述一些自己的拙見:
1、關于分辨率的使用:
一般考慮800分辨率的使用,兼容1024。現在開始流行直接做成1024的分辨率了。一般可以設置水平居中對齊。可以兼顧大分辯率的瀏覽。假如考慮PDA等移動掌上設備訪問的話,問題就大了去了。而且對于美工的要求就更高了,為了兼容會丟失很多細節表現。暫不建議這樣做。
2、關于百分比自適應布局:
假如用百分比進行制作,那么勢必讓頁面的裝飾圖片盡量的少,因為你得兼顧最小的情況與最大的情況。而裝飾性圖片很多是不能這樣進行適應的。有得必有失。呵。假如你用百分比進行三列式部局,頂部可以用100%,下面三列可以分別是:15% 70% 15%。(但請注重有時候需要適當縮減,因為顯示器可能會讓15% 70% 15%大于100%)
相關DIV+CSS實例:
- 相關鏈接:
- 教程說明:
DIV+CSS實例-DivCSS布局關于分辨率與100%自適應問題的探討!
。