DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 布局關於分辨率與100%自適應問題
布局關於分辨率與100%自適應問題
編輯:CSS詳解     
在論壇看到有網友提問,關於分辨率與自適應的問題:

經典論壇原文如下:

示例代碼 [www.mb5u.com]   本人最近在學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%)
  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved