Is there a way to get total header height

iphone x header height is more higher than other phone header, is there a way to get total header height for each different platform using css?

i am using javascript to solve the issue
document.getElementById("homeContent").childNodes[1].style.marginTop = document.getElementById("header").offsetHeight+'px';

but how do i using scss to solve, and variables i can use?

Best to use ViewChild and ElementRef with Ionic to access DOM elements. A google search will show you the process (if interested)

Nothing complicated to it

ok , i will try it, thank you