原文引用於:
不想通過css自適應在pc端和移動端分別顯示不同的樣式,那麼只能通過在移動端訪問pc端網頁時跳轉到對應的移動端網頁了,那麼怎麼跳轉呢,網上也有很多文章說明,下面是本人測試有效的方式。
1.效果圖
pc端訪問顯示:
移動端訪問顯示:
2.實現:
不考慮移動端搜尋引擎優化的話,只需要通過js判斷是否移動端,然後確定是否跳轉到指定頁面就行了,主要js如下:
然後在頁面引用js,呼叫方法就行了://判斷是否移動端,如果是則跳轉到指定的url位址
function browserredirect(url)
}
ps:大家可以用pc端和移動端訪問測試頁面
檢視效果。
nginx 移動端和PC端自動跳轉
前提乙個官網,分別做了 pc 端和移動端,它們的資訊如下所示 平台 網域名稱描述 pc 端 www.one.compc 端官網 移動端m.one.com移動端官網 需求在 pc 端訪問www.one.com和m.one.com都跳轉到www.one.com,在移動端訪問www.one.com和m.o...
網頁自適應pc端和移動端
手機的螢幕比較小,寬度通常在600畫素以下 pc的螢幕寬度,一般都在1000畫素以上 目前主流寬度是1366 768 有的還達到了2000畫素。同樣的內容,要在大小迥異的螢幕上,都呈現出滿意的效果,並不是一件容易的事。很多 的解決方法,是為不同的裝置提供不同的網頁,比如專門提供乙個mobile版本,...
自動識別pc端 移動端,並跳轉
1.1 pc端 和 移動端 分開 各是乙個單頁應用,或各有一套 直接在 pc端的首頁 index.html 的 head 裡加入識別 window.location.replace mobile url.html 1.2 pc端 和 移動端 在乙個單頁系統裡 使用路由 pc端和移動端兩套樣式在vue...