做過wap站、做過siteApp、做過第三方，也做過獨立APP，現在又做了個自適應的模板。所謂“響應式網頁設計(Responsive Web Design)”也就是自適應、回應式，就是可以自動識別螢幕寬度、並做出相應調整的網頁設計。就是輸入本站域名，手機、平板、PC端顯示的效果不同的，但是URL確是相同的。 響應式網站，利於SEO(統一了URL)，這是怎麼做的呢? 其實完全是靠張力博主(QQ445671696)的鼎力相助，他用的是本站移植到Wordpress的模板，後面經過多次修正與完善，制作了響應式的網頁模板，後自發的為我制作了一套z-blog的自適應模板，可謂青出於藍而勝於藍。 在他的協助下，我只用了一個下午時間，把盧松松部落格的全站替換成了自適應主題。 核心內容在於：導航欄和CSS的兩個變化。 希望學習的朋友請自行查看本站源代碼，請注意： 1，網站導航兩個，一個PC端，一個移動端，注意加粗部分。 PC段 ...

所謂“響應式網頁設計(Responsive Web Design)”也稱為自適應網頁設計、回應式網頁設計，就是可以自動識別螢幕寬度、並做出相應調整的網頁設計。目前這種設計已經出現在越來越多的國內外網站上，目前Google已經明確表明鼓勵響應式網頁設計。 (圖一，響應式網頁設計)   通常在瀏覽網頁時，手機上和電腦上無法顯示同一個網頁，這也導致許多網頁設計會自動轉到特定的連結上，如上圖所示，無論在PC端還是移動端，網頁的顯示其實都是一個版本，會隨著螢幕的大小網頁而改變。 下面是一些例子： (圖二：響應式網頁設計例子) (圖三：迪士尼公司的網頁)   使用響應式網頁設計有5個好處： 1， 隨著移動設備越來越多，可以提升用戶體驗。 2， 該設計沒有網頁版本區分，所以SEO的策略保持一致。 3， 可以避免重復內容，專心維護這一個網頁。 4， 保持網頁的原有連結。 5， Google也建議優先採用響 ...