верстка под мобильные устройства шириной 320px

Стоит задача сверстать сайт чуть ли не под все мыслимые устройства, т. е. под планшеты и телефоны в том числе.

Возник первым делом вопрос: а под какие браузеры верстать? Что под такое (320px) разрешение по ширине наиболее популярно среди браузеров?

И как тестировать?
Например, шаблон под телефон на андроиде.
Что использовать на Windows для эмуляции и тестов?

 

вам сюда

 

Прочитайте про адаптивный дизайн
А тестировать можно тут

 

вчера потестировал mobione studio, точнее ее триальную версию.

собственно из всей этой сборки для меня полезен лишь test center, т.е. сам эмулятор телефона/планшета.
т. к. разрабатывать в этой studio ничего не буду.

mobione интересен тем, что позволяет эмулировать тачскрин.
Я так понимаю, что еще можно и разные браузеры тестировать, предварительно установив их на виртуальный "девайс".

есть ли аналоги данного эмулятора?

 

Есть куча разных эмуляторов, андроида, отдельно оперы и почти всего чего душа пожелает
Проще всего использовать firefox (или хром), можно подменить user-agent дополнениями, и перейти в режим адаптивного дизайна - ctrl+shift+m.

 

вот с кучей эмуляторов как быть?
есть ли бесплатные?
я пока нашел только платный mobi one.

посоветуйте аналогичный, пожалуйста, если знаете.

 

У меня просто девайс 320х480
Android - sdk разработчика, bluestacks и еще какие-то были.
Еще есть вот такой сайтик, показывает довольно неплохо - http://www.responsinator.com/

 

потестировал.
сразу возник вопрос: а почему ни в одном устройстве не показывается горизонтальная прокрутка? Вертикальная есть.
как по горизонтали передвигаться то?

 

))
Есть обе, просто если смотреть адаптивные сайты - они не должны занимать больше 100% ширины, соответственно прокрутки не должно быть.

 

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

непонятна закономерность.

http://prntscr.com/tcknv
видно, что явно не помещается, а прокрутки нет/
ее принудительно включить нельзя никак?

 

Может быть где-то в свойствах стоит html { overflow-x: hidden; }
В любом случае на мобильных тачевая прокрутка, там полоса нафиг не нужна.
Если хочет двигать этом "эмуляторе" - можно зажать колесико мышки и водить в нужную сторону )