nginx 移動端和PC端自動跳轉

2021-09-21 01:21:04 字數 683 閱讀 6356

**:

前提乙個官網,分別做了 pc 端和移動端,它們的資訊如下所示: 平台

網域名稱描述

pc 端

www.one.compc 端官網

移動端m.one.com移動端官網

需求在 pc 端訪問www.one.comm.one.com都跳轉到www.one.com

在移動端訪問www.one.comm.one.com都跳轉到m.one.com

############# 作用** end ##################

location /

}移動端:m.one.com

server 

############# 作用** end ##################

location /

}

pc端適配移動端

1.允許網頁寬度自動調整在網頁 的頭部,加入一行viewport元標籤所有主流瀏覽器都支援這個設定,包括ie9。對於那些老式瀏覽器 主要是ie6 7 8 需要使用css3 mediaqueries.js2.不使用絕對寬度由於網頁會根據螢幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬...

自動識別pc端 移動端,並跳轉

1.1 pc端 和 移動端 分開 各是乙個單頁應用,或各有一套 直接在 pc端的首頁 index.html 的 head 裡加入識別 window.location.replace mobile url.html 1.2 pc端 和 移動端 在乙個單頁系統裡 使用路由 pc端和移動端兩套樣式在vue...

移動端PC端自適應

查詢 這段 的幾個引數解釋 width device width 寬度等於當前裝置的寬度 initial scale 初始的縮放比例 預設設定為1.0 minimum scale 允許使用者縮放到的最小比例 預設設定為1.0 maximum scale 允許使用者縮放到的最大比例 預設設定為1.0 ...