[CSS]RWD, szerokość szerokości nie równa Opcje

[kosmos]

Witam,

chciałbym was spytać, czy w @media istnieje jakiś znacznik, dzięki któremu mógłbym rozpoznać czy strona wyświetlana jest na telefonie czy na ekranie monitora komputerowego? Dlaczego o to pytam?
Mam lumię 735 4.7 cala, której rozdzielczość to 720 x 1280 px. Niektóre laptopy, duże ekrany, mają identyczną szerokość px. Jako że responsywność skaluje sie na szerokości w px, jak widać po moim telefonie rozdzielczośc ta jest duża i akurat dla niej strona jest zdecydowanie za mała.

PS: Pomińmy Bootstrapa

Znalazłem coś takiego:
http://www.kurshtml.edu.pl/css/typy_mediow,media.html
używacie co tego celu screen i handheld?

Ten post edytował kosmos 28.04.2015, 07:08:01

[Pyton_000]

http://www.paulund.co.uk/understanding-the-viewport-meta-tag

[kosmos]

Telefony zawsze przyjmuja swoją największą szerokość w px?

1. Zmieniłem kolory czcionek strony dla każdej rozdzielczości inny.
2. W poziomie na tel. jest zielony
3. W pionie na tel jest również zielony
4. Zakres w px dla @media gdzie kolor jest zielony na pewno zostaje przekroczony.

Po odświeżeniu to samo. W dodatku łapie dziwną rozdzielczość @media (max-width:1149px) and (min-width:1000px) która mia się nijak do max rozdzielczości telefonu

Ten post edytował kosmos 28.04.2015, 08:18:54

[Crozin]

Prawdopodobnie chcesz skorzystać z tego: https://css-tricks.com/snippets/css/retina-...ay-media-query/

[trueblue]

Może to Cię naprowadzi: http://mydevice.io/devices/
Poszukaj gdzieś jakie masz pixel ratio, będziesz wtedy wiedział jaką masz "rozdzielczość" css.

[kosmos]

Sądząc po tej tabelce to 1,5 lub 2 lub 3. Pod mój konkretny model nie widzę jaki jest dokładnie.
Najwyżej wypróbuję tą składnię dla tych 3 zakresów.

[Crozin]

http://bjango.com/articles/min-device-pixel-ratio/

[kosmos]

Dzięki wam wszystkim za nakierowanie w tym temacie.

Wypróbowałem sposób i mój telefon ma 2.0 pixel-ratio. Dla tej wartości, kolor czcionki na telefonie zmienia się na taki jaki podałem, natomiast na ekranie monitora komputerowego pozostaje bez zmian dla każdej z rzdzielczości określonych w @media

Mam jeszcze jedno pytanie.
Czy wystarczy jak dla telefonów podam zakres pixel ratio od 1.0 do 3.0 ? w sensie, czy mógłbym na podstawie takiego zapisu identyfikować urządzenie jako telefon.

Ten post edytował kosmos 28.04.2015, 08:54:02

[Crozin]

Nie, ponieważ tablety, laptopy czy zwykłe PC-ty również mogą pracować z ekranami o dużym DPI. Generalnie nie powinieneś tworzyć strony "na telefon", a "na ekran".