響應式網頁設計（Responsive web design - RWD）
能讓網頁隨著啟動裝置自動調整版面，換句話說，電腦有電腦的版面，手機有手機的版面，平板也有平板的版面，不用再針對裝置分別設計網站囉，ＲＷＤ的思維在於響應解析度，隨著解析度的不同，網站的元件會流動至合適的位置，比如原本一行兩列的大按鈕，隨著解析度提高，按鈕會越變越大，當提高到目前的顯示裝置一行容不下兩個按鈕時，第二個按鈕會流動到下一行，變成兩行一列的按鈕。這方面決定採用12欄的網格佈局達成，引入了bootstrap協助操作，目前預計完成四個頁面，配合ＡＪＡＸ後大略的規劃長得像這樣：
沒有留言:
張貼留言