CSS in outsystems

Hello Everyone,

I am having one screen which is compatible with my screen size but not fit for other screen size.

How to make HTML page screen fit to any screen size.Where should I do the changes in CSS? 

Solution

First, you need to see the elements on your DOM and see where it needs to be changed. If you are having just problems on desktop, you can use the media queries when using the class .desktop

https://developer.mozilla.org/pt-BR/docs/Web/CSS/Media_Queries/Using_media_queries

https://www.w3schools.com/Css/css3_mediaqueries_ex.asp

When I say .desktop, is because of the class, OutSystems puts .Desktop .tablet .phone automatically identifying in which type of layout you are. 

In this case, I amwith the desktop class.

Using that you can use media queries to adapt your CSS to other types of window sizes.

That's what I would do.

I did research while writing this answer and I found a solution with almost the same answer as mine. :)

https://www.outsystems.com/forums/discussion/66158/responsive-screen-css/

Kind Regards,

Márcio

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