原文鏈接：https://blog.csdn.net/qq_44577070/article/details/103230715
px：就是 Pixel 的縮寫，就是指像素，圖片采樣的基本單位。
rem：把頁面按比例分割達到自適應的效果。規定屏幕寬度為 20 rem，根據屏幕大小動態的設置 fontsize，來達到不同的分辨率下有一樣的效果。
rpx：這個單位是微信小程序中特有的尺寸單位，也是把頁面按比例分割達到自適應的效果。規定屏幕寬為750rpx，就是把屏幕寬度分成750部分，根據屏幕寬度進行自適應。可與 rem 換算：1 rem = (750/20) rpx =37.5 rpx
如在 iPhone6 上，屏幕寬度邏輯像素為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。所以開發微信小程序時用 iPhone6 作為視覺稿的標准,單位換算相對簡單 。
vw：視窗寬度，1vw等於視窗寬度的1%。
vh：視窗高度，1vh等於視窗高度的1%。
n%：父級容器的寬度百分百。