學寫網頁教學-第三單元-響應式設計(Responsive)

現今的網站,約有1/3的流量都是從手機而來。

因此,如何確保網站在手機,IPAD等都美觀地顯示,也是一個重要的題目。

而最常見的處理手法,就是使用響應式設計(Responsive)。

響應式設計(Responsive)就是使用同一堆源碼,讓你的網站在桌面,Tablet或手機上都可以美觀地呈現。

讓我們看看例子吧:

burdstrom.com在桌面上是這樣的:

在手機上則是這樣的。

你會看到,透過一些外觀的小改動,在桌面或手機也可以美麗地呈現網頁。

我們通常會利用CSS,及少許Javascript做到Responsive的效果。

此文章轉載自鬍子科技學院http://mtache.com/html