Hi,
I have the same problem like you, usually on Android devices (to many screen size from different brands)
What we use, is on the css we use :
height: 100vh;
width: 100vw;
Then we adjust the component height and width based on this :
height: 100vh-20px;
width: 100vw-10px;
Another alternative is we create few css to handle different screensize
@media(max-width: 600px) {
// for 600px width screen
}
@media(min-width: 601px) {
// for larger then 600px width screen
}