Элементы сайта

@_Rom-an_ · Регистрация: 04.12.2018

Author24 — интернет-сервис помощи студентам

Здравствуйте, не могу понять как работает изменение дизайна страницы.
Вот например когда открываешь сайт в масштабе 100% - меню расположено последовательно, всё прописано рядом |Главная|Новости|Карты|Выход| Но когда увеличиваешь масштаб например до 200%, прежнее меню исчезает и появляется кнопочка, нажимая на которую раскрывается меню списком. Как это сделать?
Я знаю что через Bootstrap легко можно сделать адаптивную вёрстку и всё это. Но я всё равно не могу понять как меню исчезает и появляется на его месте кнопка. Буду очень благодарен)

@wwowa · 30.04.2020, 08:58

Сообщение от _Rom-an_

Но когда увеличиваешь масштаб например до 200%, прежнее меню исчезает и появляется кнопочка

Наверное, наоборот, когда уменьшаешь? Хотя может кому может и так надо...
Все это делается медиазапросами. Поищите в поиске, про адаптивные меню куча уроков. Там все подробно расписано.

@mrtoxas · 30.04.2020, 09:03

При изменении масштаба меняется ширина вьюпорта. Вы указываете при какой ширине экрана показывать или скрывать те или иные элементы на странице. Это делается при помощи медиа-запросов или bootsrpap сделает это за вас, а вы просто добавите нужные классы.

@_Rom-an_ 0 / 0 / 0 Регистрация: 04.12.2018 Сообщений: 101
		1
	Элементы сайта 30.04.2020, 02:27. Показов 538. Ответов 2 Метки html. php. boorstrap, знаки, кнопка, масштаб, меню, окно, сайта, элементы (Все метки) Здравствуйте, не могу понять как работает изменение дизайна страницы. Вот например когда открываешь сайт в масштабе 100% - меню расположено последовательно, всё прописано рядом \|Главная\|Новости\|Карты\|Выход\| Но когда увеличиваешь масштаб например до 200%, прежнее меню исчезает и появляется кнопочка, нажимая на которую раскрывается меню списком. Как это сделать? Я знаю что через Bootstrap легко можно сделать адаптивную вёрстку и всё это. Но я всё равно не могу понять как меню исчезает и появляется на его месте кнопка. Буду очень благодарен) 0

@wwowa 308 / 261 / 70 Регистрация: 01.12.2008 Сообщений: 1,031
	30.04.2020, 08:58	2
	Сообщение от _Rom-an_ Но когда увеличиваешь масштаб например до 200%, прежнее меню исчезает и появляется кнопочка Наверное, наоборот, когда уменьшаешь? Хотя может кому может и так надо... Все это делается медиазапросами. Поищите в поиске, про адаптивные меню куча уроков. Там все подробно расписано. 0

@mrtoxas 3826 / 2676 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	30.04.2020, 09:03	3
	При изменении масштаба меняется ширина вьюпорта. Вы указываете при какой ширине экрана показывать или скрывать те или иные элементы на странице. Это делается при помощи медиа-запросов или bootsrpap сделает это за вас, а вы просто добавите нужные классы. 0