/ Адаптивность / Responsive block's

Responsive block’s

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

Данное тестирование лучше всего проводить с помощью инструмента Chrome Инструменты разработчика / Мобильный режим / Без указания конкретного устройства (Responsive)

1 block
1 block
1 block
2 block
3 block
1 block
2 block
3 block
3 block
1 block
1 block

Поделиться в соц. сетях:

  • Похожие записи
  • Комментарии
  • Вложения
Построение записей сайта

Построение записей сайта

Можно по разному располагать записи рублики, например: плиткой или списком. Также сделаем механизм по переключению режимов представления постов. Верстка плиткой HTML <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> <div class="hentry-box"> Читать далее »

Блочная верстка сайта

Блочная верстка сайта

Сайт должен верстаться по сетке блоками. При использовании сетки разметка сайта выглядит гармонично. Предлагаю свой простой вариант верстки блоков. Для добавления блоков, используйте тэги <div class="box"> <div class="block-1">Содержимое</div> — ширина Читать далее »

Галерея изображений Masonry

Галерея изображений Masonry

Masonry — это принцип построения изображений (блоков) занимая все пространство, по аналогии со строительной кладкой. Галерея изображений Masonry jquery Вставляем изображения в общий div с классом grid, каждое изображение в Читать далее »

/

Добавить комментарий

Пока нет комментариев. Будь первым!

Responsive block’s
Scrollspy jquery
Рекомендации для васScrollspy jqueryOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.