從網(wǎng)頁選項卡誕生的那一天起,憑借其緊湊的布局和方便的切換方式,就成為各大門戶必用的設(shè)計元素。讓我們來看看這些五花八門的選項卡吧
規(guī)則的寬度–比如150px、300px…合適的選項卡數(shù)量:2個、4個…使這些選項卡都恰好能平分寬度,在各大瀏覽器中完美呈現(xiàn)。
忽然有一天,當你的網(wǎng)站需要移植到iPhone,或是其他移動設(shè)備上,你得在一個寬度是320px–并且隨時有可能切換為480的屏幕上設(shè)計這樣一組切換卡時,問題就來了。
在手機,這種資源有限的移動設(shè)備上設(shè)計網(wǎng)頁的的第一原則是什么?那就是充分利用屏幕。我們的網(wǎng)頁兩邊不再會有幾十、幾百像素的空隙—取而代之的是僅僅幾個像素,在這個例子里,這個數(shù)值是4——當然你也可以取其他數(shù)值,但是問題還是同樣會存在的;隨著方向改變,手機屏幕的寬度也在切換,你的頁面內(nèi)容應(yīng)該自適應(yīng)這種變化,仍然充滿整個屏幕。
出處:騰訊WSD
責(zé)任編輯:bluehearts
上一頁 下一頁 一個選項卡寬度的哥德巴赫猜想 [2]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|