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

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

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

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

@wwowa · 30.04.2020, 08:58

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

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

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

@mrtoxas · 30.04.2020, 09:03

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

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@_Rom-an_ 0 / 0 / 0 Регистрация: 04.12.2018 Сообщений: 101

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

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