Screen Matrix

[HeadShot]

Приветствую.

Пытаюсь собрать актуальную наиболее полную таблицу соответствий существующих, актуальных разрешений экрана и их соотношения к рабочему пространству. Кто-то видел подобное? Интересуют все устройства от смартфонов до настольных мониторов со всеми возможными вариациями. Возможно пригодятся и мобильные из не слишком допотопных.

Хочу сгруппировать в 3-4 секции и прикрутить к плагину. Что-то на подобие fallback @media-queries. Проблема в том, что сетку для CSS я нашел, но она не годится т.к. пороги ступеней определены по другим параметрам согласно нынешним тенденциям responsive design.

Вот что мне удалось накопать:

NoteBooks, Laptops, MacBook:

[ 1117, 1024, 1120, 1152, 1192, 1229, 1280, 1291, 1333, 1360, 1366, 1376, 1440, 1493, 1525, 1536, 1540, 1600, 1680, 1776, 1920 ]

iPad, iPhone, Nexus, Meisu и т.д.:

[ 200, 228, 231, 234, 240, 480, 720, 747, 800, 960, 980, 983 ]

Кирпичи-звонилки: []

Собственно, в первой группе я не уверен, но наверное стоит дополнить. Получать параметр хочу по window.screen.width и отталкиваясь от него манипулировать уже группой, которой он относится.

Приму в дар ссылки на интересные решения по этой теме и выслушаю идеи того, как это можно сделать более элегантно.

В общем-то меня интересует есть ли фикс-гриды на то, что больше 1200. Щас есть только grid на 1140. Это потолок, а резина на таких разрешениях получается полным УГ.

Edited February 3, 2012 by HeadShot

[klierik]

http://en.wikipedia.org/wiki/Display_resolution

[lexxcode]

Может пригодится Разрешения экранов wiki

[HeadShot]

Спасибо. Это все замечательно, но как-то неупотребимо В данном отношении @media-queries таки рулят своей простотой. Немного парит ситуация с поворотами экрана.

[klierik]

значит ты не правильно задал вопрос.

[HeadShot]

значит ты не правильно задал вопрос.

Да просто вопрос не так прост как кажется А вообще да, правильная формулировка - половина решения.