[hartag]

Prosta sprawa a nie wiem jak sformułować pytanie do google, więc pytam was ( ͡° ͜ʖ ͡°)
W jaki sposób urządzenia mobilne skalują swoją rodzielczość w przeglądarce internetowej?

Przykład jeden: iPhonie 6S ma rodzielczość ekranu 1334x750 ale gdy odpalę sobie na komputerze Firefox devtools i testuje layout na mobilnych widokach to pokazuje mi że iPhonie 6S ma 375px szerokość w przeglądarce.

Przykład dwa: iPhonie XS ma rodzielczość ekranu 2436x1125, w devtoolsach 375px.

Czyli w pierwszym przypadku 1/2 a w drugim 1/3 rozdzielczości ekranu. Z czego to wynika że skaluje się akurat do takiego rozmiaru? Producent sobie wybiera?

#programowanie #webdev

[k.....o]

@hartag: PPI urzadzenia mobilne nie wyswietlaja natywnie pixeli 1:1 tylko skaluja

[jeffery]

@hartag: Software urządzeń operuje czymś co nazywają "pikselami logicznymi" które są stosowane ze względu na wrażenia estetyczne i wygodę - bez tego, trzeba byłoby dla każdego urządzenia inaczej designować interfejsy, a bez specjalnego traktowania każdego urządzenia i traktowania pkseli 1:1 mielibyśmy sytuacje taką, że na iphone X ikony i tekst byłyby niemalże nieczytelne dla ludzkiego oka bo byłyby takie małe :)

W przeglądarce, w CSS istnieje takie pojęcie jak device pixel

[hartag]

Zdecydowanie brakowało mi hasła „piksele fizyczne-logiczne”
Dzięki ( ͡° ͜ʖ ͡°)

[epi]

@hartag: tu masz fajną tabelkę: https://mediag.com/blog/popular-screen-resolutions-designing-for-all/
takich stron z porównaniami rozdziałek w telefonach jest mnóstwo ;)