Wykrywanie urządzeń w RWD. Ile cali ma cal? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Wykrywanie urządzeń w RWD. Ile cali ma cal? › Wykrywanie urządzeń w RWD. Ile cali ma cal?

Path: news-archive.icm.edu.pl!news.icm.edu.pl!.POSTED!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: Wykrywanie urządzeń w RWD. Ile cali ma cal?
Date: Sun, 15 May 2016 21:19:35 +0200
Organization: ICM, Uniwersytet Warszawski
Lines: 51
Message-ID: <nhai4e$rvj$1@news.icm.edu.pl>
NNTP-Posting-Host: 89-69-222-145.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: news.icm.edu.pl 1463339982 28659 89.69.222.145 (15 May 2016 19:19:42 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Sun, 15 May 2016 19:19:42 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:45.0) Gecko/20100101
Thunderbird/45.1.0
X-Mozilla-News-Host: news://news.icm.edu.pl:119
Xref: news-archive.icm.edu.pl pl.comp.www:403186
[ ukryj nagłówki ]
Czy ktoś z Was jest w stanie wytłumaczyć mi jak działają piksele na
urządzeniach mobilnych? Póki co wszelkie moje starania w kierunku
rozszyfrowania jednostek spełzły na niczym. Przygotowałem kod testowy:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<meta name="viewport" content="initial-scale=1, width=device-width">
<style>
html, body {
margin: 0;
padding: 0;
}

div {
width: 1in;
height: 1in;
background-color: #ff0000;
}
</style>
<script>
</head>

<body>
<div></div>
</body>
</html>

Rysuję na urządzeniu Nexus 6 (wyświetlacz 1440 x 2560, 493ppi) kwadrat o
boku 1 cala. Mierzę go i... otrzymuję jakieś 2/3 cala!

Skoro na tym etapie coś niezatrybiło to lecę dalej z eksperymentami.
Postanowiłem zmierzyć za pomocą JS wymiary pikselowe tego kwadratu.
Okazało się, że ma ich zaledwie 96!
96 pikseli na ekranie o szerokości przy gęstości pikseli 493ppi powinny
dać kwadrat o boku 0.194 cala a nie 2/3 cala jak wyżej napisałem.

Kolejny eksperyment: za pomocą JS zmierzyłem szerokość ekranu (portrait)
i wyniosła 412px a spodziewałem się 1440px.

O co chodzi????

Czytałem w sieci na ten temat jednakże zwykle trafiałem na dywagacje
metafizyczne. Nic z tego nie rozumiem.

Help!

Pozdrawiam,
Marek