RWD 與 Bootstrap 入門

負責人：王婕瑜授課時間：2020-04-09 (四) RWD 基本概念 全名為：Responsive web design，響應式設計 主要目的是使網頁在各種尺寸的裝置上，可以呈現合適比例的原則。讓內容跟水一樣，在不同的容器（裝置）中流動，顯示最適合的模樣圖片來源 舉個例子，在這個網站裡，隨著螢幕寬度變小，它的 header 變為漢堡選單，文字自動換行，中央區塊的內容從橫向排列變為縱向排列，我們就可以說這個網站符合 RWD 的設計原則。要做到這樣的效果，需要 CSS 提供的 Media Queries 功能和 viewport 的設定。 總結 RWD 設計的特點： 彈性的圖片（依照螢幕大小比例伸縮） 流動的區塊（文字隨著螢幕大小換行） 多種版面（不同尺寸的裝置相對應的呈現方式） 為什麼要用 RWD..