-moz и -webkit css больше не нужны?

Question

Я уже некоторое время использую стили -moz и -webkit css для таких вещей, как тень блока, тень текста и т. Д. И в последнее время я заметил, что каждый FireFox, Chrome, Safari и IE ( 9 ) все дают одинаковые результаты со стандартными box-shadow и text-shadow и аналогичными стилями CSS.

Мне было интересно, документировано ли это где-нибудь.Потому что я успешно удалил все специфичные для браузера браузеры с сайта, и он все равно выглядит одинаково во всех четырех браузерах.

Answer 1

Последние браузеры поддерживают эти свойства css3 по умолчанию.Эти специальные опции -moz и -webkit должны, тем не менее, использоваться для обратной совместимости со старыми браузерами.Старые браузеры реализовали их, чтобы разрешить использование этих свойств до того, как они станут стандартными.

Answer 2

Полагаю, это зависит от версии браузеров, на которые вы ориентируетесь.

Похоже, если и только если ваше приложение или сайт предназначены для работы только в самых последних версиях всех браузеров, вы можете позволить опустить -moz и -webkit для определенных свойств, которые вы используете.проверил.

Существуют и другие свойства, которые поддерживаются не всеми браузерами, например, мой любимый webkit-transition .Конечно, в реальной жизни вам вряд ли удастся настроить таргетинг только на последние версии браузеров, если вы не создаете личный проект.

Answer 3

Если вы не хотите писать так много и по-прежнему хотите обратную совместимость: less.css может быть вашим другом.

Еще одна вещь: на w3schools.com есть-дата базы данных для всех команд CSS и какой браузер ее поддерживает.Очень помогло.

Answer 4

Для последних версий Firefox, Chrome и Safari это верно.

Однако для людей, использующих более ранние версии браузеров (например, Firefox 3.6), вам все равно нужно оставить префиксы -moz и -webkit.
Если вы хотите нацелиться на них, вы не должны удалять их.
Эти свойства являются прогрессивным улучшением, поэтому их удаление не будет вредным.

Answer 5

Может быть полезно сохранить их для старых браузеров, которые не имеют стандартов, но имеют стили -moz и -webkit css.

Answer 6

лучшее, что нужно сделать, это сохранить их все там,

пример:

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

в зависимости от версии браузера пользователя, они все равно будут видеть радиус границы, более старыйбраузеры по-прежнему будут использовать версии -moz и -webkit, последние версии safari / firefox или chrome будут использовать окончательную реализацию свойства border-radius.