210
Views
5
Comments
Responsive screen CSS in mobile application
Application Type
Mobile

Hi,

My screen size is differ in mobile and the tablet. so i need solution to fix the issue.


Thanks,

Prasath

UserImage.jpg
Accelance Partners

Hello,

@Prasath P

For responsive screen css you can try CSS Media Queries.

Thanks,

Sonali verma

2024-01-06 15-04-40
moussa saidi

OS adds classes that help you to make your app responsive. whenever you want to style for mobile add .phone at the beginning of your selection, and .tablet for tablets they also have .desktop for PC

2025-04-17 05-42-16
Ajit Kurane

You can achieve the same using media type,

@media (max-width: 640px) 

{

//place your css inside this

}

Hope it helps you.

Thanks.

2022-09-05 08-23-51
Naveen N

@Prasath P  
@media only screen and (min-width: 320px) and (max-width: 767px) { /* styles for mobile devices */ }
 @media only screen and (min-width: 768px) {  /* styles for tablet devices */ } 

for fixing your issue.

2025-07-31 10-32-21
Vikram garasiya

Hi, 

If you use OutSystems default css it will automatically take care of responsiveness but if you  use custom css then you need to use media query to make you application responsive for different platforms


@media (max-width: 640px) 

{

//place your css inside this

}


Thanks

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.