Link to home
Start Free TrialLog in
Avatar of ts84zs
ts84zs

asked on

html styles css for different resolutions/screen size

i have to write html page that will look same in different resolutions/screen sizes. So if screen resolution is less the texboxes/labels etc would not appear too big and scrollbar appears because they are too big

Is there any new way in css/html to work with different resolutions/monitor sizes

I am not asking about mobile devices... just desktop monitors
i used to do it by checking screen-size and assigning different styles based on screen-size... but thats old way
is there any new way to do it
pl guide

thanks a lot
ASKER CERTIFIED SOLUTION
Avatar of Raymond van den Bedum
Raymond van den Bedum

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ts84zs
ts84zs

ASKER

thanks a lot Raymond van den Bedum can you please give me example of responsive layout

i am concerned @ text size, font size etc too along with div size etc ..  

pl guide

thanks a lot
Avatar of Brandon Lyon
You can also specify units of measurement which are relative to the browser size, such as vh, vw, and vmin. CSS Tricks has a quick article about it,
https://css-tricks.com/viewport-sized-typography/
Avatar of ts84zs

ASKER

thanks a lot...
does it work on all browsers especially IE, chrome firefox, safari
If you're ever wondering what browsers something works in, you can look at the Can I Use site, http://caniuse.com/. vh, vw, vmin are supported as far back as IE9. Media query support also goes back that far.
Avatar of ts84zs

ASKER

OK thanks a lot i am looking into it....
Does it make the styles look same for different monitor sizes and resolutions  
I am not concerned @ mobile devices etc... just desktop's monitors sizes..  

pl guide thanks a lot
Most CSS technology does not differentiate between mobile or desktop. It's all numbers based on screen size. Viewport units of measurement such as vh, vw, and vmin scale automatically depending on the browser size.
Avatar of ts84zs

ASKER

ok thanks a lot... i am looking into it...