平時我們所說的自適應網站，從專業(yè)角度講，它應該稱為響應式網站，即網站的同一個頁面在不同的客戶端打開的時候，會有不同的布局，比如某個網站里有個abcaa.html這個文件，在用手機與電腦打開的時候，顯示的模式是不一樣的，比如用電腦打開的時候，會自動排成寬度是1200px，而用手機打開的時候會以百分比的形式來展現，并且左右兩邊沒有滑動塊，顯現的是為手機移動端量身定做的布局與設計，就是所謂的遇到不同客戶端會有不同的響應。而自適應的概念更加的口語化，說明這個網頁自動適應不同的客戶端，是這個意思。有時我們把網站的banner兩邊無限延伸（實際上無限延伸是有度，因為目前國內電腦寬的像素也就是1920px，因而只要做個1920px的即可）也稱為自適應。
為了讓大家更加的理解以上的概念，再詳細的舉例列個細節(jié)。
比如一個網站的域名是hello.com，里面有五個頁面，分別為aaa.html、baa.html、caa.html、daa.html、eaa.html，正常情況下，用電腦訪問hello.com/aaa.html的時候，會很自然的顯示PC網站，用手機訪問的時候也能看到，只是左右會有滑動塊，并且字體與圖片狂小，這個很能理解的，因為它本來就是為電腦量身定做的嘛。
但如果aaa.html這個頁面是響應式的頁面，就大不一樣了，用電腦打開后還跟以前一樣，但用手機打開hello.com/aaa.html后，就會顯示與手機相適應的頁面，比如字體與圖片會大，大得跟手機大小相得益彰，再比如新聞會變成一行一行，不會有幾列顯示，縮略圖之類，一行多兩個，而電腦上縮略圖排版，一行至少也要四個或五個，再比如在電腦上會以一行的形式展現功能菜單，而手機上至少有兩行，有的干脆自動隱藏起來，當點擊某個按鈕時才會顯示這些導航。
關于這方面的技術，其實非常的簡單，主要是通過自媒體media來實現，電腦media與手機media對于id或class的定義是完全不一樣的，換句話說，網頁中的代碼，大家是看不出自適應與否的，只有看到css，看到不同的media對id或class的定義，才能更深的理解網頁中的代碼，才會知道會有不同的排版方式。
技術方面具體的情況是，對于id與class的定義，如果PC端與移動端是一樣的，那直接放在css中的media之外，說白了，就是公用，只有當電腦或是手機與之不一樣時，才會在media中進行重新定義，一般來說，media的權限要高一些，但事實情況并非如此（具體原因不明），介于這個原因，因而我們在css中，要盡量將media定義放到后面，因為css的規(guī)則是后面的定義會自動覆蓋前面的，當然在aaa.html里引入這些css文件時，也要特別留意一下將media放到后，實際的開發(fā)過程中尤為重要，如果不注意這些，有時會莫名其妙的出css問題，后檢查出來，發(fā)現就是因為media放到前面去了，后面的新定義的就覆蓋前面了，之所以出現這樣的情況，是我們對于media的權限的盲目自信。
希丁哥是有著十五年發(fā)展歷史的網站制作公司，無論是技術還是售后，都是成熟的，目前公司正在搞活動，推出全新的物所值的網站套餐，具體如下：
入門型：1500元
經濟型：2800元
常規(guī)型：3900元
商務型：5500元
豪華型：6500-20000元
