Как добавить блок-схему на адаптивный сайт?

Question

[weranda]

Приветствую

Несколько часов размышляю о том как добавить блок-схему на сайт, но упираюсь то в одни ограничения, то в другие. Блок схема нормально выглядит только при ширине примерно 1000рх. Пробовал упростить...ну ок, но все равно, если на адаптивной странице размер экрана 320рх, тогда беда. Уже и дриббл облазил и гитхаб, тщетно. Может кто то сталкивался с таким и решил проблему. Может сервисы какие нибудь есть, библиотеки?

Comments

[Сергей Горячев]

А может ты покажешь схему и послушаешь то, что скажут умные люди?) Тут их много)

Answer 1

[Seva Sargsyan]

Почему media query не исползуешь

Comments

[weranda]

Вот как с помощью этих правил отредактировать эту схему, которая нормально выглядит только при 1000рх? О том и думаю

[Seva Sargsyan]

Вот пожалуйста

@media(max-width: 992px) {
    .test{
        height: 400px;
    }
}

Этот кусок кода означает что ДО 992px у блока с классом test высота будет 400px а если ширина больше например 1000px это не сработает.
Что хочу сказать,любой блок можешь изменить такими медиа запросами.

@media(max-width: 768px) {
.test{
        height: 400px;
    }
}

@media(max-width: 620px) {
.test{
        height: 400px;
    }
}

@media(max-width: 480px) {
.test{
        height: 400px;
    }
}