Как определить общие размеры области просмотра (не размеры экрана) обычных устройств для адаптивного веб-дизайна? - PullRequest
6 голосов
/ 26 апреля 2011

Требуется найти или создать диаграмму, представляющую диапазон размеров веб-страниц мобильных устройств или планшетов:

размеры области просмотра, так что доступный размер в окне браузера и высота и ширина , потому что на самом деле существует диапазон соотношений в обоих альбомном и портретном режимах

Цель состоит в том, чтобы определитьлогические точки останова, которые имеют смысл для целого ряда устройств, а не только для точных размеров продуктов Apple ...

(Если вы не знакомы с адаптивным веб-дизайном, вот статья, с которой все началось) http://www.alistapart.com/articles/responsive-web-design

Ответы [ 3 ]

3 голосов
/ 29 декабря 2012

Вот довольно длинный список размеров области просмотра для мобильных устройств и планшетов.Кажется, 533 является отрезанным для планшета на мобильный.http://i -skool.co.uk / мобильное развитие / веб-дизайн для мобильных телефонов,-и-таблетка-видовых-размеры /

1 голос
/ 19 декабря 2013

Для меня наиболее полный доступный ресурс - http://viewportsizes.com/

Он прост в использовании, и вы можете загрузить полный документ в формате .csv или .json

1 голос
/ 15 февраля 2012

Я изучал веб-сайты, которые используют адаптивные веб-дизайны на http://mediaqueri.es/.

Кажется, здесь нет определенных цифр.Я предполагаю, что причина в том, что это сильно зависит от того, как страница на самом деле выглядит на разных устройствах.

РЕДАКТИРОВАТЬ: документация для Twitter Bootstrap содержит руководство по размерам области просмотра, см. http://twitter.github.com/bootstrap/scaffolding.html#responsive

...