Генерировать HTML по оси. адаптивные взгляды без JS

Question

Я создал простую страницу с Axure в 2 версиях (в основном 2 адаптивных вида: базовый и 768 и ниже). Когда я генерирую HTML, он работает нормально и следует адаптивным представлениям. Но похоже, что это работает только с JavaScript, есть ли способ иметь дело с / генерировать адаптивные представления в CSS? Это может помочь мне позже интегрировать сгенерированные Axure HTML и CSS в мой адаптивный дизайн, основанный на начальной загрузке. Спасибо.

Answer 1

Уверен, что вы спрашиваете об отзывчивости в зависимости от размера экрана. Bootstrap построен на основе этих принципов, и отзывчивость осуществляется исключительно через CSS с использованием запросов @media. Все CSS начинаются с наименьшего возможного экрана, а затем вы можете настроить свой CSS так, чтобы он изменялся по мере увеличения размера экрана, помещая @ media запросы внизу таблицы стилей. Они заключаются в следующем:

@media (min-width:768px) {

This is where your CSS for anything above 768px goes

}

@media (min-width:992px) {

This is where your CSS for anything above 992px goes

}

@media (min-width:1200px) {

This is where your CSS for anything above 1200px goes

}

Вы также можете использовать максимальную ширину в медиа-запросах