發布日期：2017/7/19

摘要： 做 過wap站、做過siteApp、做過第三方，也做過自力APP，現在又做了個自適應的模板。所謂響應式網頁設計(Responsive Web Design)也就是自適應，就是可以主動識別屏幕寬度、并做出響應調整的

　

 

　　做 過wap站、做過siteApp、做過第三方，也做過自力APP，現在又做了個自適應的模板。所謂“響應式網頁設計(Responsive Web Design)”也就是自適應，就是可以主動識別屏幕寬度、并做出響應調整的網頁設計。就是輸入本站域名，手機、平板、PC端顯示的效果不同的，但是 URL確是相同的。

　　響應式網站，利于seo(同一了URL)，利于用戶體驗，也利于用戶分享，如下圖所示：

　　

 

 

 

　　(圖為ipad顯示效果，注重導航的轉變)

　　

　　

 

　　(PC版的直接就是現在這個界面了)

　　這是怎么做的呢?

　　其實完全是靠張力博主(QQ445671696)的鼎力相助，他用的是本站移植到Wordpress的模板，后面經過多次修正與完美，制作了響應式的網頁模板，后自覺的為我制作了一套z-blog的自適應模板，可謂青出于藍而勝于藍。

　　在他的協助下，我只用了一個下戰書時間，把盧松松博客的全站替代成了自適應主題。

　　核心內容在于：導航欄和CSS的兩個轉變。