**:
前提乙個官網,分別做了 pc 端和移動端,它們的資訊如下所示: 平台
網域名稱描述
pc 端
www.one.com
pc 端官網
移動端m.one.com
移動端官網
需求在 pc 端訪問www.one.com
和m.one.com
都跳轉到www.one.com
,
在移動端訪問www.one.com
和m.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 ...