|
內(nèi)容上自適應
其實關(guān)于過寬、過窄我想很早已被設(shè)計師注意，因為CSS2中專門有針對高寬的min和max定義，只不過因之前很多瀏覽器支持不好而用的少。尤其max-width, min-width語法的優(yōu)勢，在自適應中排版中可以得到充分發(fā)揮，當然也還有其他方案。
也許有同行記得，曾經(jīng)讓所有瀏覽器支持max-width還是重要解決方案。當處理完外層容器寬度問題后，里邊就等同于主流分辨率場景。要做自適應，必然有個模塊的內(nèi)容不能固定寬度，關(guān)鍵處理好里邊信息的呈現(xiàn)即可�？偨Y(jié)起來有如下三類：
- 沒有寬度控制，比如Google Picasa
- 有寬度底線，但沒上限，比如Google Images Search
- 有寬度上限，但沒底線，比如Google Reader
注意，舉例中寬度底線不是以出橫向滾動條為判斷準則，因為容器有被強制撐開的情況。Google產(chǎn)品線處理相對較好，更多案例可以參考Junyu 總結(jié)的寬屏幕下的Web設(shè)計。
其實還有類寬度同時有底線和上限控制的特殊情況，但向下兼容和維護是個問題，比如05年底的這個 最窄770px最寬1024px 經(jīng)典布局。同時靈活意味著控制成本，也因此成熟案例少見。
原文：http://blog.rexsong.com/?p=6041
本文鏈接：http://www.95time.cn/design/doc/2009/6590.asp 
出處：一葉千鳥
責任編輯：bluehearts
上一頁 排版自適應提升可訪問性 [2] 下一頁
|
第 1 頁 
第 3 頁 排版自適應提升可訪問性 [3]
