我們都知道對於前端pc版本的適配是乙個難題，大部分都是做的**查詢。但是有時間公司不要**查詢 就是需要不管多大的螢幕都是滿屏顯示。我就在考慮為啥不用rem給pc端做個適配。
我是基於設計圖是1920的做的簡單的js適配。
把這個js指令碼放到根目錄下，也就是index.html中。我們所測的尺寸去除以100就可以轉化位rem。
順便說一句，我的專案是vue所搭建的。當然現在是vue-cli3的話，就放在public檔案下的index檔案中。
這樣就完成了簡單的pc端適配
簡單的螢幕適配
目前為止，iphone螢幕尺寸已經有四種 3.5 inch 1 3g 3gs 4 4s 4.0 inch 5 5s 5c 4.7 inch 6 5.5 inch 6plus 看一下iphone4 6 的螢幕高寬比 iphone4 s 解析度960 640，高寬比1.5 基本不再適配 iphone5 ...
前端頁面適配的rem換算
之前有些適配做法，是通過js動態計算viewport的縮放值 initial scale 例如以螢幕320畫素為基準，設定1，那螢幕375畫素就是375 320 1.18以此類推。但直接這樣強制頁面縮放過於粗暴，會導致頁面文字失真模糊。px是相對固定單位，字型大小大小直接被定死，所以使用者無法根據自...
移動端前端開發與pc端前端開發的區別
關於移動端 另外寫幾點響應螢幕大小的建議和方法 1 由於現在手機螢幕多種多樣，想要相容所有裝置所需要開發的經驗必須非常豐富，對設計師的要求也非常高，如果是初學或者開發經驗較少，可將裝置分為手機 平板 pc三種頁面來寫。2 寬度的響應 寬度的響應最近使用的最多的就是類似以下這種寫法 width cal...