亚洲欧美v国产一区二区三区,中文字日产幕乱五区,综合亚洲,,,色,亚洲伊人久久大香线蕉综合,亚洲综合精品伊人久久

首頁 > SEO動態(tài) > SEO新聞如何從PC頁面重定向到移動頁面?

如何從PC頁面重定向到移動頁面?

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

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

1. 站點有獨立的移動端站點和PC站點

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

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

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

1.png

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

2.png

2. 站點沒有獨立的移動站點

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

關(guān)于響應(yīng)式布局,關(guān)鍵的有幾點:

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

3.png

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

4.png

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

想了解更多SEO新聞的內(nèi)容,請訪問:SEO新聞

本文來源:http://www.sonygallery.com.cn/seodongtai/19856.html

免責(zé)聲明:部分文章信息來源于網(wǎng)絡(luò)以及網(wǎng)友投稿,本網(wǎng)站只負(fù)責(zé)對文章進(jìn)行整理、排版、編輯,是出于傳遞更多信息之目的,并不意味著贊同其觀點或證實其內(nèi)容的真實性,不承擔(dān)任何法律責(zé)任。