mobile 5 種常見適配 裝置相容

2022-05-04 01:30:11 字數 842 閱讀 6594

em  參照本身元素的 font-size

rem 參照 html 根元素 的 font-size

1. rem 適配   (同一元素,在不同裝置上,效果一樣)

適用情況: 當頁面大於 獨立畫素375 時,或者頁面元素很多時

頁面中的元素,統一 單位 rem(字型使用 px 而不使用 rem)

根元素字型大小 設定成 整個螢幕的寬(1 rem = 375px),然後元素的 css 畫素根據佔據屏寬,使用 rem 

缺點: 需換算元素佔螢幕的 rem

2. viewport 適配

適用情況: 當 ui 設計圖 小於 獨立畫素 375時。        避免換算,直接使用 css 畫素單位 px

讓 布局視口 等於 設計圖紙的 width

(直接 讓meta 標籤中 content 的 布局視口 width=320px 安卓不支援)

3. 百分比適配

zepto 移動端實戰專案。

適用情況: 頁面元素少。

4. **選擇器(響應式布局)

不同螢幕,自適應呈現出不同的布局。

5. 具體畫素值

適用情況: 當 ui 設計圖 未標明 寬度,以及元素的具體位置時。

關鍵點:

5種常見IO模式詳解

本文討論的背景是linux環境下的 網路io。對於一次io訪問,資料會先被拷貝到作業系統核心的緩衝區中,然後 再從作業系統核心的緩衝區拷貝到應用程式的位址空間。所以,當 發生乙個 io操作 時,它會經歷兩個階段 1.等待資料準備 2.將資料從核心拷貝到程序中 對於 兩個階段,linux系統產生了下面...

5種最常見的http錯誤

對對http 500錯誤的定義已經充分證明了這是乙個最常見的http錯誤。一般來說,http 500 錯誤就是web伺服器發生內部錯誤時返回的資訊。例如,web伺服器過載時將無法正確處理訪問請求。根據google的搜尋資料統計,http 500 錯誤發生機率是404錯誤的兩倍 大多數人都知道這個錯誤...

5種常見排序演算法的完整實現

預處理指令 include include include define n 201 插入排序 void insert sort int aa 插入排序 2 選擇排序 void select sort int aa 選擇排序 3 氣泡排序 void bubble sort int aa 氣泡排序 4...