@media запросы

[USF]

Возникла проблема следующего плана:

с помощью media делаю адаптивный макет. собственно, чаще всего вижу использование max-width или min-width, но!

media only screen and (max-width: 480px) отказывается работать на устройстве с разрешением 480:854(андроид - хром) (max-width: 854px тоже не воркает). Работает max-device-width.

Собственно вопрос, почему? разницу между этими 2мя вещами я понимаю, но ведь в моем случае разрешение и размер области совпадают...или я ошибаюсь?

[hedgehog]

  On 10/13/2012 at 1:50 PM, USF said:

Возникла проблема следующего плана:

с помощью media делаю адаптивный макет. собственно, чаще всего вижу использование max-width или min-width, но!

media only screen and (max-width: 480px) отказывается работать на устройстве с разрешением 480:854(андроид - хром) (max-width: 854px тоже не воркает). Работает max-device-width.

Собственно вопрос, почему? разницу между этими 2мя вещами я понимаю, но ведь в моем случае разрешение и размер области совпадают...или я ошибаюсь?

Сталкивался. Помогло такое:

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

Без этой строчки девайс пытался отобразить сайт "в полный размер" со всеми вытекающими. На айфонах присутствовало багло, из-за которого при изменении ориентации не пересчитывалась ширина, на просторах инета можно наткнуться на JS фикс.

Edited October 13, 2012 by hedgehog

[USF]

Хм, точно спасибо больше, полечило!