4 июля 2014, 23:31

Минимальный UI в Safari на iPhone

С помощью <meta>-тега viewport можно сделать так, чтобы адресная строка браузера в Сафари, а также нижняя панель с кнопками была по-умолчанию скрыта:

Для этого в значение тега через запятую допишите minimal-ui, вот так:

<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui" />

Дополнено: при нажатии на заголовок все элементы управления (адресная строка и нижняя панель) вернутся на экран.

1 комментарий
Дмитрий Шишкин

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

Еще на ту же тему: http://www.artlebedev.ru/kovodstvo/sections/50/

Евгений Неверов

Не лишается. Если нажать на заголовок, откроются все скрытые ранее элементы. Пользователь сможет сделать всё, что пожелает.

Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное