Please enable JavaScript.
Coggle requires JavaScript to display documents.
Responsive Web Design (核心 (有彈性，可適應不同裝置的網頁版面, 有彈性，可適應不同裝置的圖片，多媒體尺寸, 用CSS3…
Responsive Web Design
核心
有彈性，可適應不同裝置的網頁版面
有彈性，可適應不同裝置的圖片，多媒體尺寸
用CSS3 Media Query
優
開發成本比Native App低
CSS搭配Media Query
不需重寫HTML
可針對設備個別調整
WHY
越多手機，平板瀏覽網頁
跨不同解析度有更好的體驗
缺
載入速度不會變快
HTML元素還是不變
可改善css用圖量
需花時間改善不同裝置的閱讀體驗
WHAT
一個網頁在不同解析度呈現不同介面