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...