移動端布局一般使用：
方法一：**查詢 + rem + 彈性盒子布局
方法二：vw + rem + 彈性盒子布局
這裡說一下vw原理：
vw它是根據可視區的寬度來計算的
如果是10vw，就是當前移動裝置(瀏覽器)寬度的十分之一大小
vw：視窗寬度的百分比（1vw 代表視窗的寬度為 1%）
htmldpr:畫素比
dpr=物理畫素（750px） / 邏輯畫素(375px，我們去布局寫的尺寸) =2
邏輯畫素 = 物理畫素 / dpr;
dpr的取值：如果的設計圖是640px ,750px 的時候 dpr= 2
如果你的設計圖為1080的時候，那麼dpr=3；
(1)如果設計圖為750px drp = 2 那麼邏輯畫素為：375px
給html設定font-size：26.67vw;
下面布局的尺寸：90px（量出來的尺寸） / dpr(2) = 45px(邏輯畫素)；
我們rem寫多少：45/100= 0.45rem;
(2)如果設計圖為640px drp = 2 那麼邏輯畫素為：320px
給html設定font-size：31.25vw;
下面布局的尺寸：90px（量出來的尺寸） / dpr(2) = 45px(邏輯畫素)；
我們rem寫多少：45/100= 0.45rem;
(3)如果設計圖為1080px drp = 3 那麼邏輯畫素為：360px
給html設定font-size：27.78vw;
下面布局的尺寸：90px（量出來的尺寸） / dpr(3) = 30px(邏輯畫素)；
我們rem寫多少：30/100= 0.3rem;
專案中還有另一種寫法
html，那麼這樣按照設計圖來的話，就不用/2了，設計圖是100px，那麼你也可以寫成100px了。
移動端font size適配方案 續
之前寫過一篇移動端font size適配方案，但是在實踐過程中，還是發現當時的思維太侷限了，視野太窄了，所以現在補充更新一下，記錄下來，供以後開發時參考，相信對其他人也有用。這篇博文參考了移動端適配方案 下 有多種適配方案 百分比布局 高度和寬度用百分比。由於高度和寬度的百分比是按照父元素尺寸的，所...
手機端顯示
在寫網頁的時候，按手機端大小將頁面寫好，但實際上在手機上看的時候，並沒有達到預期的效果，則在寫 時加上meta name viewport content width device width,initial scale 1.0 下面是對conten值的簡單解釋 intial scale 頁面首次被...
手機端 移動端證件識別
一 手機端證件識別的產品簡介 二 手機端證件的特色功能 支援180度 90度自動旋轉功能 支援複雜背景 如將證件拿在手中 裁邊 支援自動傾斜校正功能，提高識別率 識別結果後處理，對識別結果增加規則，提高識別率 配置要求 硬體配置 推薦arm cortex a7以上，1g ram 攝像頭 支援自動對焦...