Media queris и смартфоны с высоким разрешением

[AlexBes]

Доброго времени суток. Есть у меня задача для одного сайта сделать полу-адаптивную верстку для смартфонов и планшетов. "Полу", потому что внешний вид контента будет кардинально меняться, вплоть до изменений html.

Алгоритм примерно такой:
от 320 до 767 - контент под мобильные
от 768 до 1023 - под планшеты
от 1023 и выше - десктоп

Но проблема в том, что на некоторых смартфонах встречается ширина 800px при разрешении 4,3". То есть такому телефону будет отдаваться контент предназначенный для планшетов.

 

Можно ли как-то решить эту проблему?

[npofopr]

Можно ли как-то решить эту проблему?

 800 это еще не предел. С многочисленными китайскими аппаратами, разрешение может быть не предсказуемым.

 

Делайте и адаптивный и резиновый. Или на 1023 показывайте сайт в размере 768. 

Для 767 сайт в размере 320, хотя на таком разрешении проще делать резиновый, т.е. с 100%.

В остальных случаях можно делать, как описал выше, или делать тоже в %.

 

Проблем скорее всего не избежать все равно, т.к. придется дополнять css, не стандартными media@ Это вполне нормально.

 

Я вот такое еще для себя, вчера выписал, на попробовать.

DESKTOP: max 1920px, min 1018px;

LAPTOP: max 1017px, min 769px;

TABLET: max 768px, min 481px;

MOBILE: max 480px, min 361px;

SMALL_MOBILE: max 360px, min 280px.

 

то же самое, что у вас, в принципе. 

[AlexBes]

Понятно, значит это действительно проблема. Но почему-то никто об этом не задумывается.

[Switch74]

Может вам поможет данная тема изменить свое отношение к данному вопросу

http://htmlforum.ru/index.php?showtopic=49642

Edited July 25, 2014 by Switch74

[AlexBes]

Может вам поможет данная тема изменить свое отношение к данному вопросу

http://htmlforum.ru/index.php?showtopic=49642

Спасибо, почитаю

[CoDy]

Попробуйте это:

<meta name="viewport" content="width=device-width,target-densityDpi=device-dpi">		

Edited July 25, 2014 by CoDy

[Vin]

ЕМНИП, у high-DPI девайсов 1 CSS-пиксель соответствует нескольким аппаратным.

[AlexBes]

Похоже, что я все таки ошиблась.

Тестировала на LG L90, у которого разрешение 960x540 - показывается мобильная версия сайта, хотя в медиа запросах для мобильных указано до 767px.

Еще один интересный момент: возьмем, например, Samsung Galaxy s4, у него разрешение 960x540, а в эмуляторе хрома написано: viewport 360x640.

[Vin]

http://habrahabr.ru/post/145619/