捐血一袋救人一命

2016年3月25日 星期五

Reponsive Web Design

RDW說穿了就是讓使用者能夠在各種媒體上都能很方便的看網頁,操作網頁,而不用時而放大,時而縮小。

內容編排的重要性我們不談,這裡只講技術的部份。

一種方式是用 Javascript 去抓螢幕寬度、長度,所有的大小,位置,全部由 Javscript 程式去控制 HTML Style Attributes

另一種就是使用 CSS 定義多組版面,至於何時該用哪個樣版 CSS 檔,則由 CSS Code @media 或是 HTML Code <link href media> 來設定。

另外,CSS 也提供了 calc()、expression() 等函式來動態計算變

0 意見: