css - How do Pixels behave on different devices -


please excuse me if question appear stupid beginner on matter.

let'suppose need create web page wich have following layout

+----------------------------------------+ |             img1 , overlay text      | |                                        | +--------------------+-------------------+ | img2 ,           |   img3 ,        | |    overlay text    |   overlay text    | +--------------------+-------------------+ 

and page need visible on mobiles, tablet, desktop, either vertically or horizontally.

it sufficient things like: "image1 text overlay should 60px in height" have working everywhere @ same manner? or should define different font size based on common media breakpoint? moreover, media query based on device-width sufficient create design device covered media query or need take in account css pixel ratio when designing site?

thanks!


Comments

Popular posts from this blog

android - How to save instance state of selected radiobutton on menu -

python 3 IndexError: list index out of range -

IF statement in MySQL trigger -