｜跨平台瀏覽 ，保留完美動態視覺效果!

隨著現今行動裝置的多樣化，各種品牌的行動資訊設備螢幕尺寸大小不一，早期的網頁設計尺寸（如：1024×768），已不敷現在的潮流所使用。大理採用HTML5 + CSS3的Media Queries網頁技術，可使網站在多種瀏覽裝置（從桌面電腦顯示器到智慧型手機或其他行動資訊設備）上瀏覽，同時減少針對各種不同行動資訊設備的成本開發。

｜開發成本比 Native App 低

自適應網頁使用 Media Query 直接搭配行動裝置的 CSS ，與 Native App 的成本比較下來較低。

｜不需要重寫 HTML

直接使用 CSS 屬性來對不同裝置做調整。

｜可以同時針對許多不同裝置分別調整

通常都是利用 CSS3 的 Media Queries 方法來實現，不論是螢幕小到不行的入門款 Smart Phone、螢幕大的 Tablet PC、解析度高的iPad都可以做自適應網頁。