最新消息

那麼「RWD 響應式網站設計」到底是什麼東西呢?

2017-09-25

簡單來說,我們先把各種不同螢幕尺寸的裝置電腦、平版、手機、電視...等,當成各種不同大小的杯子「容器」,接著我們再把網站的內容、圖片...等元素部份當成準備倒進容器的「液體」;當我們在瀏覽網站時,就像把「液體注入容器」那般,讓液體自已填滿容器的空間,自已完成內容排版配置;如果今天我們所用的容器較小時,多餘的液體(資訊)就不會被倒進這容器,讓我們只瀏覽必要、重要的資訊。

這樣的設計方式,讓網站內容、圖片可隨著裝置的螢幕尺寸改變,以一個網頁來適應所有裝置,讓每個使用者都能得到最佳的瀏覽環境,這就是RWD設計的基本思維