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

IF statement in MySQL trigger -

c++ - What does MSC in "// appease MSC" comments mean? -

android - MPAndroidChart - How to add Annotations or images to the chart -