EM (presentase dari ukuran parent)

misalnya sebuah div di berikan property font-size: 10px maka "1em" di dalam div tersebut adalah 10px dan apabila div tersebut memiliki child maka child tersebut mewarisi nilai "em seperti parentnya" jadi "2em = 20px"

sumber

REM (presentase dari ukuran root element)

misalnya kita memberikan property font-size: 12px pada tag html maka nilai "1rem pada halaman tersebut adalah 12px"

sumber

VW dan VH

Viewport width dan height, Gampangnya lebar viewport dipotong-potong jadi 100 bagian, maka itu adalah 1vw. Misal lebar viewport kita 1000px maka 1vw = 10px. untuk vh pada dasarnya sama saja, cuma vh bergantung pada viewport height atau tinggi viewport.

ini adalah satuan yang benar2 responsive, karena merubah ukuran berdasarkan viewport / perangkat yang di gunakan untuk membuka halaman web"

contoh penggunaannya