Насколько нужны автопрефиксы типа webkit- в сетке bootstrap4
Собирала себе болванку для кастомизации сетки bootstrap4. После сравнения с исходником bootstrap-grid.css, увидела, что gulp-autoprefixer (v3.1.1) не добавляет такие префиксы:
-webkit-box-sizing: border-box;
-webkit-flex-wrap: wrap;
display: -webkit-flex;
-webkit-flex-basis: 0;
-webkit-flex-grow: 1;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 8.33333%;
-webkit-order: 0;Вопрос: насколько они необходимы, для каких версий браузеров (использовала last 15 versions). И чем их можно добавить?
Для решения подобного вопроса рекомендую пользоваться CanIUse. В правом верхнем углу есть статистика поддержки свойста с префиксом и без. Мне кажеться что префиксы можно смело неиспользовать, так как они нужны только для около 1% пользователей.
1) Заходим на сайт caniuse.com, вводим нужное свойство, и смотрим (напр. для display: flex)
Usage
Global 94.53% + 3.55% = 98.08%
unprefixed 94.23% + 2.72% = 96.95%
Получаем, что 1.13% браузеров не увидят свойство без префикса
2) Кастомизировать свойства, у меня стоит опция "> 1%", и префиксы проставляются.
-
00:43
-
00:32
-
00:25
-
00:07
-
23:55
-
23:49
-
23:42
-
23:36
-
23:23
- Почему SERVER_ADDR имеет не тот IP 48033 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30576 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23995 visits
- Как через css изменить цвет png изображения? 10422 visits
- Blob video url download 10015 visits
- Php curl запрос через прокси с авторизацией 9291 visits
- Работа с captcha vk api 8156 visits
© "hostciti.net" 13.4.2025 | 18:05