I'm developing a responsive landing page. The page behaves as follows:
Greater than 1920px (Has the same root styling, but center page to center);
1920px (root) Full Styled;
1800px Adjusted;
1600px Adjusted;
1450px Adjusted;
1366px Full Styled;
1150px Adjusted;
1000px Adjusted;
900px Adjusted;
800px Full Styled;
760px Adjusted;
600px Full Styled;
520px Adjusted;
420px Adjusted;
320px Full Styled;
My question is in 320px resolution. On my mobile phone (320x570) the page appears according to the view, but on the mobile phone of a colleague who supposedly has an equivalent resolution the styles behave as if the width were less than 320px. I do not understand this inconsistency. As it is my first responsive project I would like to better understand what is happening.