@night_breeze

Как лучше реализовать адаптивность одноэкранного сайта?

Объясните, пожалуйста, основные моменты адаптации одноэкранных сайтов без скролла на мобильные устройства. А то инет перерыла - не нашла ничего
  • Вопрос задан
  • 415 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Shaidulint
Ответ написан
Комментировать
PretorDH
@PretorDH
HTML5, CSS3, PHP, JS - люблю в чистом виде.
Попробую ответить.

Насколько я понимаю вопрос у вас есть страница на один экран.

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

Контент, насколько я понимаю там:
- блоки заполняющие область и пагинация. Значит блоки расчитаны чтобы показываються на мобильнике по одному (2 вида вертикальный и горизонтальный). Дальше при увеличении разрешеня количество блоков увеличивается. При большом разрешении некоторые блоки могут быть показаны двойными или тройными.
- или сплошной контент, видео, карта, игра, слайдшоу растянутый на всю область.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы