Как заблокировать размер окна в HTML

Автор: Laura McKinney
Дата создания: 7 Апрель 2021
Дата обновления: 1 Июль 2024
Anonim
Модальные окна (попапы) на HTML CSS JavaScript. Всплывающие окна. Как это сделать?
Видео: Модальные окна (попапы) на HTML CSS JavaScript. Всплывающие окна. Как это сделать?

Содержание

Когда вы создаете веб-страницу, вы можете заблокировать размер окна браузера, используя простой HTML-код. Это полезно, если вы не хотите, чтобы пользователь прокручивал страницу по эстетическим соображениям - в этом случае все изображения и текст отображаются на странице одновременно в окне браузера. Блокировка размера окна также является способом ограничения способности пользователя видеть некоторые элементы, которые могут появиться дальше вниз по странице.


направления

Блокировка размера окна в HTML (интернет-сайт FX Berlin от Fotolia.com)

    направления

  1. Попробуйте использовать «position: fixed» в вашем CSS, чтобы заблокировать размер окна. Сначала напечатайте "type =" text / css ">" в ваших тегах "" (если его еще нет). Введите "body {" в следующей строке, затем "position: fixed;" затем закройте код знаком "}". Тип "«закрыть тег стиля. В некоторых браузерах, таких как Internet Explorer, вам также может понадобиться добавить« bottom: 0; »на следующей строке после« position: fixed », чтобы заблокировать размер окна. что вы видите здесь, когда вы вводите код.

  2. Используйте атрибут «overflow: hidden» вместо «position: fixed», как описано в первом шаге, в качестве другой альтернативы. Атрибут overflow позволяет скрыть часть страницы или элемента, создавая вид заблокированного окна, когда вы применяете его ко всему телу HTML-документа.


  3. Добавьте атрибут «scroll = no» (без кавычек) к тегу «body» в качестве еще одной опции, чтобы заблокировать размер окна. Например, если вам нужен черный фон без прокрутки, конечный код будет "bgcolor = black scroll = no>", введите текст и изображения в разделе тела, а затем закройте его с помощью тега "". Это предотвратит прокрутку тела вашей веб-страницы. Опять же, оставьте кавычки во время написания кода.