pc端手機端自適應方案
一、做成兩個站，兩個網域名稱
方法：後端判斷裝置切換，跳轉鏈結
前端js判斷裝置切換，跳轉鏈結
缺點：1.兩個網域名稱，不利於seo優化
2.兩個站，**量大，布局專案繁雜
優點：1.邏輯清晰，**簡潔
適用場景：
pc端和手機端設計圖差別較大時
二、做成乙個站，乙個網域名稱
方法：用rem單位加**查詢的方案，js判斷裝置是手機裝置時，設定根目錄font-size
function browserredirect() else ,false)}}
} browserredirect();
缺點：邏輯比方案一複雜
優點：同乙個網域名稱，利於seo優化，自適應布局
適用場景：
pc端設計圖與手機端設計圖 差別不大時
移動端PC端自適應
查詢 這段 的幾個引數解釋 width device width 寬度等於當前裝置的寬度 initial scale 初始的縮放比例 預設設定為1.0 minimum scale 允許使用者縮放到的最小比例 預設設定為1.0 maximum scale 允許使用者縮放到的最大比例 預設設定為1.0 ...
網頁自適應pc端和移動端
手機的螢幕比較小，寬度通常在600畫素以下 pc的螢幕寬度，一般都在1000畫素以上 目前主流寬度是1366 768 有的還達到了2000畫素。同樣的內容，要在大小迥異的螢幕上，都呈現出滿意的效果，並不是一件容易的事。很多 的解決方法，是為不同的裝置提供不同的網頁，比如專門提供乙個mobile版本，...
手機端適應 vue專案移動端 pc端適配方案
vue專案移動端 pc端適配方案 npm i lib flexible s npm i postcss px2rem s 簡要介紹這兩個包的用途 flexible會為頁面根據螢幕自動新增標籤，動態控制initial scale，maximum scale，minimum scale等屬性的值。pos...