現今的網站,約有1/3的流量都是從手機而來。
因此,如何確保網站在手機,IPAD等都美觀地顯示,也是一個重要的題目。
而最常見的處理手法,就是使用響應式設計(Responsive)。
響應式設計(Responsive)就是使用同一堆源碼,讓你的網站在桌面,Tablet或手機上都可以美觀地呈現。
讓我們看看例子吧:
burdstrom.com在桌面上是這樣的:
在手機上則是這樣的。
你會看到,透過一些外觀的小改動,在桌面或手機也可以美麗地呈現網頁。
我們通常會利用CSS,及少許Javascript做到Responsive的效果。
此文章轉載自鬍子科技學院http://mtache.com/html