dips: Device Independent Pixels
HP : Hardware pixels
dips * 2 = HP
Unless you told website in small device
The font size and other elements remain same size as large device.
you will find the font is not fit with new screen.
You look up the tech specs for the screen of a mobile devices and find it has a resolution of 1920 x 1080 pixel. what are the tech specs referencing
a. Device and Independent Pixels (dips)
b. Hardware Pixels
c. CSS pixels.
The Answer is b ,Tech specs will refer to the number of hardware pixels.
Calculating DPR Quiz
With one dip for every two hardware pixels, the device pixel ratio is 2!
Different Size ?
The viewport and the device pixel ratio are both likely causes for the differences between devices.
Calculate Pixels size
Divide 1920px by 2 and you get a viewport width of 960 CSS pixels.