如何處理pc端的字型大小的適配問題(完美解決)

2021-09-17 23:23:49 字數 582 閱讀 6268

export const resetpc = () =>  else 

}

將上面的**在專案啟動的時候進行初始載入;

這裡主要設定的是html的根字型大小,需要進行body的字型大小的初始化,我一般設定font-size:14px,否則會導致頁面的部分字型變大;

這裡的是頁面的初次載入的時候進行引入初始,但不推薦window.addeventlistener("resize", function() {})進行頁面的動態監聽,因為頁面的視窗不像手機,可以隨意的調整瀏覽器視窗的大小,這樣會導致頁面的不斷重繪和重排,影響效能,所以我在上述**中以1400寬度進行分界線,相應的body會有個對應的最小寬度,我設定的是1000px;

4.對應的**加上去後,根字型的大小相對於1920的大小是100px;所以後面的px也要相應的用rem代替,我是通過對應的sass進行換算如下:

@function pcpx2rem($px)
5.對應的手機端的適配和手機端類似,有webpack的可以直接用對應的外掛程式進行轉換這裡就不過多的進行敘述。

android 如何處理螢幕適配問題?

在安卓開發中,會經常遇到螢幕適配問題,下面總結一下,處理這問題的方法.解決方法 手機選擇 首先在專案開始時候,應該選擇什麼螢幕大小的手機,進行開發呢?用當前市場上主流螢幕的手機,比如 1280 720 專案後期 還需要 用不同解析度手機進行測試 比如 480 800 1920 1000 做法 在工程...

PC端 移動端的頁面適配及相容處理

一 關於移動端相容性 目前針對跨終端的方案,主要分為兩大陣營 一套資源vs兩套資源。第一種是通過響應式或頁面終端判斷去實現一套資源適配所有終端 第二種是通過終端判斷分別調取兩套資源以適配所有終端。這兩種思路我們並不能斬釘截鐵的說哪乙個更優選,正所謂 合適的才是最好的 思路一 通過響應式或頁面終端判斷...

主控端的IP變化如何處理?

1.在7i24.com 首頁左下角修改授權ip。2.在主控伺服器上新增 刪除中刪除舊的主控許可證。3.登陸7i24.com 主控許可證重新安裝。4.輸入主控的授權使用者名稱與密碼。將許可證中的 資料庫所在 local 刪除,點選獲得許可證。5.重啟iis就會正常。受控端的處理 由於受控端在連線時要判...