@Drovosek01

Как узнать какое css свойство не поддерживается определенным браузером?

Здравствуйте.
Пока только учусь фронтенду.
Сверстал карточку на codepen, экспортировал код, открыл в Chrome - все норм. Решил открыть в IE11, а там она почему-то растянута по вертикали.

5c82ae477d6f5010215010.png

Возник вопрос, как готовый css файл проверить на совместимость с определенным браузером или версией браузера?
То есть, есть ли такой сервис, в который можно загрузить .css файл (или вставить текст) и этот сервис проанализирует текст/код и выдаст отчет о том какие браузеры и их минимальные версии поддерживают данные свойства, а какие минимально возможные версии поддерживают использование этих свойств, но с префиксами.

Гуглить вручную каждое свойство в caniuse или где-нибудь еще, как вы понимаете, крайне неудобно.
Про autoprefixer для PostCSS слышал, но вопрос в другом.
  • Вопрос задан
  • 190 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Есть инструмент doiuse. Интегрируете его в свою систему сборки, задаете список браузеров и он говорит какие свойства в вашем CSS не поддерживаются в этих браузерах. Технически он проверяет это как раз по базе caniuse.

Но также не стоит забывать, что есть баги в браузерах, которые так просто не проверить. Особенно голову морочат IE и мобильный сафари. Здесь только опытным путем можно находить проблемы. Но раз уж вы используете модный flex - советую сразу посмотреть на flexbugs.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
DimaDSblog
@DimaDSblog
Пытаюсь разобраться во всем этом
Есть еще такой сервис проверки страниц на предмет отображения браузерами: browserstack.com/.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы