Список префиксов поставщика 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;
}