Home/ Questions/Q 7686535
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T19:30:10+00:00

i am new to web development. terrible at math as well i was wondering

  • 0

i am new to web development. terrible at math as well

i was wondering how does pixels translated from one screen size to the other on a webpage. Say for example, I specify
margin-left: 50px;

if i load this web page in my ipad webview, i measured it (using a ruler software, in px) it is indeed 50px
if i load this webpage in my desktop browser, it is indeed 50px
but when load this webpage in my iphone webview (which takes entire iphone screen), it is measured as 40px, not 50 as i specified.

  1. sure iphone screen is smaller, it needs to do some scaling i guess..? is that right?
  2. how is this conversion done? what is the process? is there some sort of formula?
  3. what does this mean for designers? how do i know the right size i should assign, so the layout does NOT break on all screens?
  4. i generally code on bigger screen first, then see how it runs on the smaller screen. is this the right approach.

i want a good and big answer for #2, can someone please help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would highly suggest that you look into relative sizes…it will be relative to the device. Check out any article about Responsive Web Design. Hard pixel values are a no-no, if you get the percentages and relative sizes it generally fixes a lot of issues. Now if you are new to web development you will want to do some learning before diving into responsive. You can also probably do a little studying on media queries. Just media query it for a temporary solution.

    • 0