[CSS]RWD - ekran telefonu Opcje

[marcus753]

Właśnie testuje różne rozwiązania RWD na swojej stronie i napotkałem mały problem...

Otóż mój telefon ma rozdzielczość FHD iphone ma rozdzielczość: 1136 x 640 Jak teraz mogę przygotować stronę żeby tu i tu wyświetlała się podobnie ?

Oczywiście mamy media queries tylko co z tego że zaznacze tam max-width 600px jak w telefonie mam rozdzielczość większa niż w monitorach ?

[marcus753]

chyba znalazłem sposób, projektujemy stronę tak aby wyświetlała się poprawnie przy zmianie szerokości okna w przeglądarce korzystając z media queries a w meta tagach strony dodajemy:

[HTML] pobierz, plaintext 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
[HTML] pobierz, plaintext 

dzięki temu strona wyświetla się zawsze tak jak powinna czyli korzystając z rozdzielczości po przeskalowaniu w telefonie. Swoją drogą trochę to bezsensu że producenci podają natywną rozdzielczość bez podawania rozdzielczości po przeskalowaniu. Mam lumię i nie mam pojęcia jaką mój ekran ma rozdzielczość po przeskalowaniu ( z testów wyszło mi że coś koło 500px...)

Zastanawiam się jeszcze jak ten metatag wpłynie na wyświetlanie zdjęć np. na retinie (czy zostanie zignorowany i mając 4x większe zdjęcie wyświetli się mega ostre) czy może zdjęcie nie zostanie przeskalowane i otrzymam po prostu 4x większe zdjęcie na ekranie...