鄭州網站優化講解:如何從PC頁面重定向到移動頁面?

admin 2019-01-26 06:27 257次瀏覽

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

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

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

這種情況下,我們需要進行服務端跳轉。當在移動設備上訪問PC站點時,需要服務端進行環境判斷,然后重定向到對應的移動頁面。

(1)環境判斷

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

1.jpg

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

2.jpg

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

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

關于響應式布局,關鍵的有幾點:

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

3.jpg

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

4.jpg

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

内蒙古十一选五重号走势图 今天的股票行情走势 000014股票行情 优酷上的游戏主播怎么赚钱吗 梦幻去哪偷卡赚钱 贵州茅台股票分析报告论文 如何看股票涨跌 家里养什么鱼赚钱 那些网站图片处理可以赚钱 开腰带厂赚钱吗 gta5地堡怎么快速赚钱 网站刷点击量赚钱 刷任务赚钱安全吗 2018年建什么厂赚钱 还有哪些可以邀请人赚钱 今天股票行情查询 ios开发付费应用赚钱