CODEWITHSUNDEEP
androidcsspixelmobile-website
ChrisInCambo
ChrisInCambo

Reputation: 8755

Why when my desktop screen and mobile screen have the same resolution don't they display the same thing?

For example, one my desktop one of my 50px wide button is viewed on my desktop it looks like it occupies about 5% of the screen space as expected. But when viewed on my Android device with the same horizontal resolution it looks like it occupies about 15%.

Can anyone explain why this is and what I can do to stop it?

Upvotes: 0

Views: 324

Answers (1)

Fls'Zen
Fls'Zen

Reputation: 4654

Different displays have different pixel sizes. You hear this referenced as DPI, or dots-per-inch, which is physically how many pixels there are per inch. In your case, your desktop has smaller pixels than your Android device (higher DPI), so the 50px takes up less physical space.

You can fix this by specifying a physical size, such as cm or in. Check out the spec.

Upvotes: 1

Related Questions