Как сделать так чтобы в андроиде меню было в виде квадрата с полосками?

Question

[das_hund]

Как в html5 добиться чтобы когда сайт открываю под android на верхнем мкню где home был квадрат с полосками

Answer 1

[Сергей]

css media query!
Загуглите его!
Суть в том, что для разных устройств разный css файл, где Вы можете сделать иной стиль\дизайн меню.

UPD:
das_hund: Готового решения нет, надо делать ручками под Ваш дизайн. Я делал ручками, используя это: getbootstrap.com/components ( glyphicon-menu-hamburger ), выпадающий список при клике делается с помощью jquery. Просто slideDown() при клике на кнопку. И в bootstrap для col-xs-12 я прописал свой блок меню, который виден только на малых экранах, т.е. hidden-md hidden-lg hidden-sm

Вот что вышло:


Т.е. используя бутстрап можно сильно облегчить себе жизнь, но делать надо всё ручками.

Comments

[das_hund]

Не в этом вопрос, я видно немного неточно сказал.
Мне нужно понять есть ли какой-то способ вывести меню как обычно в андроид выводится квадрат с полосками там где home?
Мне казалось, что дизайн по умолчанию, если исполльзовать какой-то тег из html5 или класс из twitter bootstrap. И тогда при открытии под андроид наверху появляется такое квадротное с полосками кубик - нажимаешь и открывается.
Вот под shopify такую тему помню вчера видел - точно там есть пример

[Сергей]

das_hund: Я обновил ответ на вопрос

[das_hund]

Сергей Илларионов: Спасибо. Ты в принцие дельно подсказал. Но остаются сомнения. Мне кажется что все-таки есть какой стандартный тег или что такое в html5, что аднроид распознает. Но вполне возможно что это просто иконка.
Но с другой стороны согласись что уж слишком часто она встречается - не мода же это... Либо это может быть скопировано из стандартных приложений на java под андроид

Answer 2

[Daria]

Сделать свой стиль для меню при открытии сайта на мобильных (не только андроид)