Недавно я отвечаю за проект CMS от моего клиента.
Но я не знаю, как подойти к этому макету.
Я использую приведенный ниже код для создания панели навигации нижнего колонтитула.
position: absolute;
bottom: 0;
left: 0;
height: 150px;
width: 100%;
Я также использую мастер-слайдер для создания слайдера. И теперь у меня проблема с тем, как сделать сайт более отзывчивым.
Я пытаюсь применить высоту 80% для карусели; и 20% высоты для нижнего колонтитула. Но я не думаю, что это может сработать.
И это макет, который я создал без какой-либо отзывчивой функции.
Есть ли эффективный способ создания такого рода отзывчивого макета?
Вы должны учитывать, что отзывчивость не обязательно (или, вернее, "вряд ли когда-либо") означает, что один и тот же дизайн должен быть виден на всех устройствах.
Сначала подумайте о контенте, который представляет собой подход к тому, чтобы предоставить контент вашего веб-сайта пользователю понятным образом, который не слишком усложняется. Это "функция над формой", где дизайн приходит после хорошего пользовательского опыта, ИМХО.
Поэтому, если вы все еще работаете над разработкой статических версий веб-сайта, я бы начал работать на мобильном веб-сайте, где дизайн и контент должны быть синтезированы и постепенно расширяться до более крупных устройств.
В этом случае это может означать новую и другую навигацию для мобильного сайта вместо меню нижнего колонтитула.
Надеемся, это приведет вас в правильном направлении.