UTILS.
Приватність за замовчуванням
▭

Блок співвідношення сторін CSS

Згенеруйте адаптивний блок співвідношення сторін із резервним padding.

Ваші файли залишаються на цьому пристрої

Файли обробляються у браузері й не надсилаються на сервер. Сайт завантажує код і ресурси для роботи інструментів. Без акаунтів і трекерів.

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

Конфіденційність →

Про цей інструмент

Введіть співвідношення ширини та висоти, щоб згенерувати адаптивний блок співвідношення сторін, із сучасним CSS aspect-ratio та резервним відсотком padding-top, повністю у вашому браузері.

Поширені запитання

Навіщо включати резервний padding-top?
Прийом із відсотком padding-top відтворює фіксоване співвідношення сторін у старіших браузерах, які не підтримують сучасну властивість aspect-ratio.
Чи спрощується співвідношення?
Так — значення на кшталт 16 і 9 скорочуються на найбільший спільний дільник, тож 1920 на 1080 показується як 16 / 9.

Більше інструментів