有很多時候，用戶在移動設(shè)備上會訪問到PC頁面的地址，這種情況下，我們需要以極快的速度跳轉(zhuǎn)到對應(yīng)的移動端頁面，盡量減少用戶的感知，給用戶最好的體驗(yàn)。那么，如何從PC頁面重定向到移動頁面呢？本文將為你解答。

　　如何能快速的由PC頁重定向到移動頁面，我們按照不同站點(diǎn)的類型，給出了幾種常見的實(shí)現(xiàn)方式。

　　01、站點(diǎn)有獨(dú)立的移動端站點(diǎn)和PC站點(diǎn)

　　這種情況下，我們需要進(jìn)行服務(wù)端跳轉(zhuǎn)。當(dāng)在移動設(shè)備上訪問PC站點(diǎn)時，需要服務(wù)端進(jìn)行環(huán)境判斷，然后重定向到對應(yīng)的移動頁面。

　　（1）環(huán)境判斷

　　環(huán)境的判斷，一般是通過判斷請求的userAgent，以php為例，下面給出簡單的代碼實(shí)現(xiàn)

　　（2）重定向到對應(yīng)的移動端頁面

　　02、站點(diǎn)沒有獨(dú)立的移動站點(diǎn)

　　這種情況下，我們可以采用前端頁面響應(yīng)式布局，以便在不同的分辨率和設(shè)備下都可以合理的進(jìn)行頁面展示。

　　關(guān)于響應(yīng)式布局，關(guān)鍵的有幾點(diǎn)：

　　使用media query(媒體查詢)，在不同尺寸、不同設(shè)備上進(jìn)行不同展示，譬如：

　　設(shè)置viewport（視窗）。如果沒有設(shè)置viewport，在移動設(shè)備上將會使用桌面版屏幕寬度渲染頁面，然后再進(jìn)行縮放以適應(yīng)屏幕。

　　布局方式。傳統(tǒng)的固定布局方式，無法適應(yīng)響應(yīng)式布局，建議采用柵格化布局，可以參考Bootstrap的流式柵格化布局。

　　結(jié)語：提升用戶體驗(yàn)，我們攜手努力——！你還有哪些技術(shù)提升方面的問題呢？歡迎留言提問。