??隨著計算機的迅速發(fā)展，網(wǎng)頁越來越受到人們的喜愛，然而由于不同的手機和電腦的屏幕的大小總是存在差別，若網(wǎng)頁沒有自適應(yīng)的功能，會導(dǎo)致網(wǎng)頁不美觀，因此網(wǎng)頁自適應(yīng)是網(wǎng)頁中一個重要的功能，新網(wǎng)制作的網(wǎng)頁中也都是存在著自適應(yīng)的功能。本文主要從網(wǎng)頁自適應(yīng)的定義、自適應(yīng)網(wǎng)站開發(fā)方式、網(wǎng)站自適應(yīng)優(yōu)點三個角度出發(fā)，讓更多的人更加了解網(wǎng)站自適應(yīng)。

??1.網(wǎng)頁自適應(yīng)的定義

??自適應(yīng)網(wǎng)站指的是，通過不同的終端設(shè)備自適應(yīng)顯示網(wǎng)頁，并根據(jù)屏幕的大小和寬度自動調(diào)整網(wǎng)頁布局，這是HTML5的新技術(shù)。

??2.自適應(yīng)網(wǎng)站開發(fā)方式

??（1）使用自適應(yīng)框架進行制作

??目前很多程序員都使用BOOTSTRAP來制作自適應(yīng)網(wǎng)站，當用戶在不同的設(shè)備上進行瀏覽的時候，網(wǎng)站的結(jié)構(gòu)和樣式都會根據(jù)屏幕的大小去顯示，并且pc和手機端是同一個數(shù)據(jù)庫和同一個模板。

??（2）單獨兩個頁面，pc端和wap端

??單獨制作pc端和手機端，網(wǎng)站會自動判斷設(shè)備，當然兩個網(wǎng)站的內(nèi)容是同步的，手機端和pc端是屬于兩種不同的模板，但是數(shù)據(jù)庫是完全一致，主要還是為了用戶訪問的瀏覽，內(nèi)容的同步也是減少網(wǎng)站的維護成本。

??2.網(wǎng)站自適應(yīng)優(yōu)點

??（1）更少維護

??開發(fā)一個獨立的移動網(wǎng)站，會增加你的工作負擔(dān)。實際上你就擁有了兩個獨立網(wǎng)站。如果你有一個響應(yīng)式網(wǎng)站，維護的成本將會很小，因為它只有一個布局，且可工作在所有類型的設(shè)備上，而這可以明顯地減少你的工作量。

??（2）積累分享

??響應(yīng)式網(wǎng)站設(shè)計可以讓你(作為網(wǎng)站的擁有者)通過單一的URL地址收集所有的社交分享鏈接。你可以為創(chuàng)建更好、更友好的網(wǎng)站而做出積極貢獻。

??（3）用戶友好

??響應(yīng)式的網(wǎng)站設(shè)計能夠?qū)τ脩舢a(chǎn)生友好度，并且對于不同的分辨率能夠靈活的進行操作應(yīng)用。同時還可以進行收集分享，我們可以通過網(wǎng)站中這些單一的網(wǎng)站URL地址把那些社交分享鏈接收集起來。

??綜和上述所講述的內(nèi)容，可以看出網(wǎng)頁自適應(yīng)是十分重要的，它跟一個網(wǎng)站是否能夠運用于不同的手機有著直接的關(guān)系。如今，也已經(jīng)有很多網(wǎng)站都具有了自適應(yīng)的功能，例如新網(wǎng)。