Где найти все параметры css, которые по-разному задаются в разных браузерах?

Question

[alekseivanov]

Например, если мы хотим задать флексы, нужно писать

display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;

Для изменения placeholder нужны конструкции вида

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: red;
}

Comments

[Сергей delphinpro]

Писать по стандартам, потом прогонять код через автопрефиксер, который расставит всё за вас.

[verycooldev]

Только полный дегенерат будет делать это вручную. Задумайся, может лучше завод?

Answer 1

[Андрей Кварцов]

Для теории знать конечно нужно, но сейчас это никто не делает руками. Используйте autoprefixer

Answer 2

[Flying]

В целом сейчас есть два основных источника данных по этой теме:

• MDN CSS Reference - поддерживается сообществом Mozilla, но благодаря прошлогоднему соглашению сейчас существенный вклад вносят также Google, Microsoft, Samsung и W3C. Исходные данные по поддержке берутся из этого репозитория на GitHub, там в разделе css/properties можно найти всю интересующую вас информацию в JSON.
  
• caniuse.com - поддерживается коммьюнити, опирается на данные из этого репозитория на GitHub. Акцентируется не столько на конкретных на CSS свойствах сколько на технологиях.
  

autoprefixer в своей работе использует базу caniuse.com и с практической точки зрения, конечно, сейчас лучше использовать его.