自適應網頁能根據屏幕自動調整頁面布局，基本適用于市面上所有終端，給企業帶來了很大的便利。對程序開發者來說，要把網站做成自適應的其實也不難，修改幾項參數就可以了。

電腦網站

網頁總體架構使用寬度，但內容框架、側欄等最好使用相對寬度，這樣針對不同分辨率進行修改就方便。在HTML頁面上不要使用字體（px），而要使用相對字體（em）。圖片若是img標簽的話，只需要在CSS代碼中設置 max-width: 100%;或width:100%;不用固定數值。 語句為：img { max-width: 98%; }。background-size:100% 100%;可以實現background-image的自適應。

手機網站

在網頁頭部加上一條meta標簽：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

解釋：

width=device-width ：寬度等于設備屏幕的寬度。

initial-scale=1.0：初始的縮放比例100%。

minimum-scale=0.5：最小的縮放比例50%。

maximum-scale=2.0：最大的縮放比例200%。

user-scalable=yes：用戶可以調整縮放比例。

對零基礎想做網站的用戶來說，上面的方法還是太復雜了，最基本的那些代碼是什么意思還沒搞清楚，更別說在龐大的網站程序中對某項細節進行修改了。這時候想做自適應網站，可以選擇成熟一點的自助建站工具。

筆者認為比較適合零基礎站長的自助建站工具是建站寶盒，后臺有一千多套行業模板，全部由設計師精心設計，符合市場主流審美和商業需求。用戶一鍵安裝模板后，對網站內容稍作修改就能上線網站，都是最簡單的選擇替換上傳操作。網站做好后就是響應式的，直接復制網址到手機就能打開網站，適用于市面上所有屏幕。

用自助建站工具做網站還有個好處就是：管理起來特別方便。電腦站、手機站、微信站都是一個后臺，網站只要一次更新就能三平臺同步，修改也是直接在后臺進行模塊拖拽，徹底告別繁瑣的代碼。推薦小白使用：http://m.fzmwdq.com/design