在前端開發中因為屏幕像素比的關系，經常要根據各種型號手機的dpi來加載不同分辨率的圖片，來提高性能以及更好的展示 在vue開發中秉承組件化的開發原則，所有和該組件相關的圖片應該和該組件在一個文件夾下，所以把這個組件全部相關的圖片放入組件目錄下，並按相同的規律命名文件 接下來定義一個 ...

通常在iOS上開發使用的圖片素材1x,2x,3x三種 下面利用python Image 庫 resize函數，由一個大圖，自動生成1x,2x,3x的素材照片； 1. 首先你的python環境要安裝有Image庫， 即PIL 沒有安裝的，下載源碼 http://effbot.org ...

version 1.2 1.修改不用輸入擴展名 2.輸出路徑可選。默認會在輸入路徑下建文件夾 前沿： 現在開發中ios，android會使用一套圖，但是ui設計師給的圖命名是以@1x,@2x,@3x這樣命名的，android 客戶端使用起來就略嫌麻煩了，這個小工具可以實現簡單的分包。 原理 ...

絕對值的函數，求出x的絕對值，和數學上的概念相同; 代碼示例： 運行截圖： ...

一、　媒體查詢、 二、iOS11 新增特性，蘋果公司為了適配 iPhoneX 對現有 viewport meta 標簽的一個擴展，用於設置網頁在可視窗口的布局方式， 三、測試中發現如果頁面內容不夠多的時候。底部會有白色的間距，測試為44px，這需要設置頁面的高度加 ...

一、相信大家有被iPhone X底部黑色橫線支配的恐懼 　　上面我們可以看到，底部的導航欄被一條黑色橫線所蓋住，那么就很煩。下面我們可以開始進行適配環節 　1、首先我們可以用 JS 判斷手機環境是不是 iPhone X 代碼如下 2、也可以 CSS 判斷 ...

移動端適配一直都是個大問題，現在也出現了各種各樣的解決方案，比如 rem, vw 百分比等，但是比較成熟的切比較容易編寫的還是 rem，他是相對於根元素的 font-size 進行等比例計算的。 但是我們在編寫css的時候，需要計算每一個元素相對於根元素的rem值是多少。會比較麻煩，並且維護 ...

： 不考慮大小端和內存對齊。 %2x (數據不足兩位,實際輸出;注意：不會額外補0，如果超過兩位，則以實際 ...