Что касается гибкого дизайна, как вы обрабатываете телефоны с высоким разрешением, такие как Galaxy S4?

Исторически вы использовали медиа-запросы на основе ширины пикселей, чтобы определить, какой дисплей будет отображаться конечным пользователем. Однако это не работает/не будет работать, если вы используете устройство с более высоким разрешением, такое как разрешение Galaxy S4 (1080x1920).

Ответы

Ответ 1

Что заставляет вас думать, что медиа-запросы не будут работать?

По-видимому, соотношение пикселей в пикселях Galaxy S4 составляет 3,0, поэтому, когда его физическое разрешение составляет 1080x1920, его разрешение по-прежнему составляет 360x640 - похожее на Galaxy S3.

Существуют также медиа-запросы, которые проверяют плотность пикселей. Они могут помочь вам подавать изображения с высоким разрешением или векторную графику на устройства hi-dpi.

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density#Samsung

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

Плюс, посмотрите на эту статью:

http://www.html5rocks.com/en/mobile/high-dpi/

Удивительная база данных спецификаций экрана

http://screensiz.es/phone

Ответ 2

Не уверен, какие рамки вы используете для своего адаптивного дизайна, но используя Bootstrap, я добавил это в <head>, и это сработало для меня:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Там есть хорошая информация об этом:

http://www.html5rocks.com/en/mobile/mobifying/

В частности, раздел в разделе "Видовые экраны" решает ваш вопрос.