Для адаптива рекомендуется использовать rem. Они также просты в использовании, в отличии от em, где нужно помнить в голове значение родителя. Разумеется человек запутается. А с rem все просто:
html {
font-size: 100% /* =16px */
}
body {
font-size: 1rem; /* =16px */
}