Список префиксов поставщиков CSS? - PullRequest
Новая
       36

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

63 голосов
/ 23 марта 2011

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

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

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

Ответы [ 3 ]

98 голосов
/ 23 марта 2011

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

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

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

1 голос
/ 29 июля 2016

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

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

Input 

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;
}
1 голос
/ 19 апреля 2016

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

...