14
Views
2
Comments
BEST UI LAYOUT FOR MOBILE APPS
Question
Application Type
Mobile

I am having issues with my buttons that are mis-aligned on different devices.

Which UI layout can i use with a header, centre and bottom section that is responsive to different devices.


Rank: #283

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
}

Hi Rudo,

You have to handle it through Media query .

Thanks,

Samiksha