Список префиксов поставщика CSS?

Помимо следующего списка, существуют ли другие префиксы поставщика CSS, которые важны для веб-разработки? Являются ли мои определения правильными? Должен ли я быть более конкретным в отношении мобильных браузеров (мобильный Webkit, например).

  • -khtml- (Konqueror, действительно старый Safari)
  • -moz- (Firefox)
  • -o- (Opera)
  • -ms- (Internet Explorer)
  • -webkit- (Safari, Chrome)

Есть ли этот список (который также содержит mso-, -wap- и -atsc-) добавить что-нибудь значение?

Ответ 1

Это те, о которых я знаю:

  • -ms- Microsoft
  • mso- Microsoft Office
  • -moz- Mozilla Foundation (браузеры на базе Gecko)
  • -o-, -xv- Opera Software
  • -atsc- Комитет по стандартам высоких телевизионных технологий
  • -wap- Форум WAP
  • -webkit- Safari, Chrome (и другие браузеры на базе WebKit)
  • -khtml-, -konq- браузер Konqueror
  • -apple- Webkit поддерживает свойства с помощью -apple-prefixes, а также
  • prince- YesLogic
  • -ah- Антенный дом
  • -hp- Hewlett Packard
  • -ro- Реальные объекты
  • -rim- Исследование в движении
  • -tc- Высокие компоненты

Они официально перечислены в Спецификация CSS 2.1, информативный раздел 4.1.2.2.

Ответ 2

Не имея прямого контекста веб-разработки, JavaFX использует префикс поставщика для использования CSS: -fx-.

Ответ 3

Просто предложение, если вы планируете просто префикс добавить переход css, пусть предположим column-count: 3;, и вы хотите поддерживать все основные браузеры, и вы префикс своей собственности со всеми префиксами, упомянутыми в ответах здесь, затем лучше и более оптимальным способом было бы использовать инструмент, который сделает это за вас:

Вы можете использовать онлайн, взятый как pleeease.io, который сделает для вас преобразование:

Ввод

a {
  column-count: 3;
  column-gap: 10px;
  column-fill: auto;
}

Выход

a {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
}