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
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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
i am concerned @ text size, font size etc too along with div size etc ..
pl guide
thanks a lot
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/vie wport-size d-typograp hy/
https://css-tricks.com/vie
ASKER
thanks a lot...
does it work on all browsers especially IE, chrome firefox, safari
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.
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
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.
ASKER
ok thanks a lot... i am looking into it...
Adjusting your websites to fit all types of resolution using HTML and CSS