W ujęciu historycznym do określania, jakie dane będą wyświetlane użytkownikowi końcowemu, należy użyć zapytań o media opartych na szerokości pikseli. Jednak to nie działa/nie będzie działać, gdy używasz urządzenia o wyższej rozdzielczości, takiego jak Galaxy S4 (1080x1920).Jeśli chodzi o responsywny design, w jaki sposób obchodzić się z telefonami o wysokiej rozdzielczości, takimi jak Galaxy S4?
Jak sobie z tym poradzić?
Co sprawia, że zapytania o media nie będą działać?
Wygląda na to, że współczynnik pikseli CSS Galaxy S4 wynosi 3,0, dlatego jego rozdzielczość fizyczna wynosi 1080x1920, a jego rozdzielczość CSS nadal wynosi 360x640 - podobnie jak w Galaxy S3.
Istnieją również zapytania o media, które testują gęstość pikseli. Mogą one pomóc w wyświetlaniu obrazów o wysokiej rozdzielczości lub grafiki wektorowej urządzeniom hi-dpi.
http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density#Samsung
http://bjango.com/articles/min-device-pixel-ratio/
Plus, spojrzeć na ten artykuł:
http://www.html5rocks.com/en/mobile/high-dpi/
Niesamowite bazie specyfikacji ekranem
Dzięki za odpowiedzi wszystkie, to ma dla mnie dużo więcej sensu. –
Nie wiesz, co ramy używasz do elastycznego projektowania, ale przy użyciu Bootstrap dodałem to do <head> i pracował dla mnie:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Jest kilka dobrych informacji na ten temat tutaj:
http://www.html5rocks.com/en/mobile/mobifying/
W szczególności sekcja pod tematem "Rzutnie" zawiera pytanie.
AFAIK nadal działa, ponieważ piksel nie jest pikselem http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html – Prinzhorn
Co dokładnie nie działa? http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/ – cimmanon
Po pierwsze, rzutnia jest już skalowana na urządzeniach o wysokiej rozdzielczości, takich jak ta, zwykle do '980px' . Możesz to zmienić, aby użyć rozdzielczości macierzystej. W zależności od twoich potrzeb, bazuj na 'ems' i ten problem działa automatycznie. Większość urządzeń ma '1em' ustawiony na czytelny rozmiar. Może to być jednak poważny problem z reklamami, które zawsze są stałe do rozmiaru piksela. – Brad