Загрузка...
Создание адаптивных CSS медиазапросов — бесплатно и без регистрации.
Медиазапросы применяют CSS-свойства только при определённых условиях экрана, например min-width: 768px. Можно комбинировать минимальную и максимальную ширину.
Введите диапазон ширины viewport, селектор и CSS-правила; результат вставьте в стили.
Подбирайте точки переключения под контент, а не только под модели устройств. Учитывайте равенство границ и каскад CSS.
Создайте CSS @media по минимальной и максимальной ширине экрана и задайте адаптивные свойства элемента.
Если нужно только min-width или max-width, очистите второе поле. Правила срабатывают при указанных размерах viewport.
Скопируйте CSS в файл стилей сайта. Заполните параметры и нажмите «Сгенерировать».