Верхняя панель в веб-просмотре сверху, но мобильная нижняя, а не верхняя

я хотел бы иметь заголовок «верхняя панель» в веб-представлении выше. Но в мобиле не сверху, а снизу. Как это работает?

Спасибо

18.12.2018 20:28

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Ответы 1

Для этого вы можете использовать position: fixed.

.top-bar {
  position: fixed;
  bottom: 0;
  left: 0;

  @include breakpoint(medium) {
    top: 0;
    left: 0;
  }
}

19.12.2018 23:01

Другие вопросы по теме

Попытка загрузить Slick Carousel в Foundation 6.5

Условный рендеринг VueJs v-if не работает

Foundation обнаруживает модальную остановку выполнения javascript, например, alert ();

Последняя версия NodeJS, поддерживаемая Zurb Foundation 6 (v6.4.3)?

Обновите zurb-foundation до последней версии с помощью foundation-cli

CSS поднятые углы в фундаменте 6

Что означает этот миксин Zurb Foundation 6 @include xy-grid ()?

Точки останова сетки XY игнорируются на мобильном устройстве?

Foundation 6 вложенные вкладки с глубокими ссылками

JOINTSWP Как включить точки останова прототипа фундамента в JOINTWSP

Верхняя панель в веб-просмотре сверху, но мобильная нижняя, а не верхняя

Ответы 1

Другие вопросы по теме

Похожие вопросы