Какие префиксы CSS для свойств я должен использовать?
Если я хочу использовать box-shadow, например, какой префикс мне нужно добавить после простого свойства box-shadow? Я прочитал, какие браузеры его поддерживают, но я также получил следующие префиксы:
-moz-
-webkit-
-apple-
-o-
-xv-
-ms-
-mso-
-atsc-
-wap-
-khtml-
-prince-
-ah-
-hp-
-ro-
-rim-
-tc-
Так, кого из них я должен включить, чтобы гарантировать, что это будет работать везде? Спасибо!
2 ответа
Добро пожаловать в ад!
Если это один раз
Согласно я могу использовать -moz- а также -webkit- покроет вас ранними версиями Firefox, Chrome, Safari, Android и Blackbury, а также всеми другими основными пользовательскими агентами, которые не нуждаются в префиксе или просто не поддерживают его, несмотря ни на что.
Но не делай этого вручную
Есть много хороших ресурсов, объясняющих, почему жесткие кодовые префиксы производителя сами по себе являются плохой идеей.
Смотрите https://css-tricks.com/how-to-deal-with-vendor-prefixes/
Я очень рекомендую заглянуть в проект autoprefixer. Просто передайте свой CSS к нему, и он добавит любые необходимые префиксы вендора.
Начать действительно легко, а теперь инвестиции во время означают, что вам больше не нужно беспокоиться о префиксе поставщика и совместимости:D
Я бы посоветовал -moz, -webkit а также -ms так как это должно охватывать все основные наиболее используемые браузеры.