Защо, когато екранът на настолен компютър и мобилен екран имат еднаква разделителна способност, те не показват едно и също нещо?

Например, един мой работен плот, един от моите 50px широки бутони се гледа на моя работен плот и изглежда, че заема около 5% от пространството на екрана, както се очаква. Но когато се гледа на моето устройство с Android със същата хоризонтална разделителна способност, изглежда, че заема около 15%.

Може ли някой да обясни защо е това и какво мога да направя, за да го спра?


android css pixel mobile-website
person ChrisInCambo    schedule 10.04.2013    source източник

Отговори (1)


arrow_upward
1
arrow_downward

Различните дисплеи имат различни размери на пикселите. Чувате, че това се споменава като DPI или точки на инч, което е физически колко пиксела има на инч. Във вашия случай вашият работен плот има по-малки пиксели от устройството ви с Android (по-висок DPI), така че 50px заемат по-малко физическо пространство.

Можете да коригирате това, като посочите физически размер, като cm или in. Вижте спецификация.

person Fls'Zen    schedule 10.04.2013
comment
Актуализиран отговор, за да се спомене какво може да направи питащият, за да получи физически размер от CSS. - person Fls'Zen; 10.04.2013
comment
Благодаря за отговора. Разбира се относно размера на пикселите, но например и двата екрана имат налични 1000 хоризонтални пиксела и елементът е с ширина 100 пиксела, той все още трябва да заема 10% от наличното пространство на екрана, независимо от размера на пиксела. Или пропускам нещо? - person ChrisInCambo; 10.04.2013
comment
Коефициентът на мащабиране може да допринесе за неправилното мащабиране. Настолните и мобилните устройства позволяват на потребителите да увеличават или намаляват уеб страниците, така че е възможно едното или и двете да показват мащабирано съдържание. - person Fls'Zen; 10.04.2013