Дизайн і CSS · працює локально

Інвентаризація точок перелому CSS

витягніть контрольні точки media-query для min-width і max-width та повідомте їхню частоту й порядок.

Результат

Готово. Ваші робочі дані залишаються в цьому браузері.

Чому цей інструмент корисний

Використовуйте CSS Breakpoint Inventory, коли потрібно витягнути min-width і max-width media-query breakpoints та повідомити про їхню частоту й порядок. Результат є миттєвим і легким для перевірки перед повторним використанням.

Як це працює

Введіть значення, запитані CSS Breakpoint Inventory. Браузер перевіряє введені дані, виконує обчислення локально та формує результат, який можна скопіювати, із чіткими повідомленнями про помилки.

Практичний приклад

Практичний спосіб — спочатку запустити CSS Breakpoint Inventory на невеликому зразку, підтвердити результат, а потім обробити повне значення або список.

Перевірка

Обчислення є детермінованим і пояснює помилки перевірки замість того, щоб непомітно змінювати некоректні вхідні дані.

Межа приватності

Ввід і вивід залишаються в цій вкладці. Копіювання та завантаження відбуваються через API браузера без завантаження на сервер.

Паспорт результату

Кожен запуск повідомляє свій режим інструмента, мітку часу та розмір вхідних/вихідних даних, щоб можна було перевірити перетворені дані.