Задать вопрос
unstoppablr
@unstoppablr
верстка

Как сверстать сайт кроссбраузерно?

Я в верстке новичок, но понял, что браузеры сейчас поддерживают много (ну да, кроме IE)).

Тут наверняка есть профи в верстке. Нужны ли сейчас префиксы?

.someBlock{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}


Я не говорю конкретно о флексах, это просто пример.
  • Вопрос задан
  • 177 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
@2bllk
Говорю со своей дилетантской точки зрения: в зависимости от количества браузеров и их версий, которые должен поддерживать твой веб-сайт/приложение, определяется, нужны ли префиксы. Например, тот же самый flex: когда-то, когда версия, например, Chrome была 21.0, тогда использовался префикс -webkit, но в новых версиях он "улетучился". Если хочешь, чтоб твой сайт поддерживал версию Chrome 21.0, то необходимо указать еще и -webkit-flex.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
SagePtr
@SagePtr
Еда - это святое
autoprefixer используйте, не прописывайте префиксы руками. Там же в опциях и указывайте, насколько древние браузеры стоит поддерживать.
Ответ написан
Комментировать
Комментировать
alex-1917
@alex-1917
Если ответ помог, отметь решением
Еще есть такая метода, аналогично бутстрапу - класс отвечает за требуемое css-свойство
т.е. ты пишешь вот это ОДИН раз, для примера три свойства:
.df{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.fdc{
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}
.aic{
	align-items: center
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}


и далее присваиваешь этот класс df необходимым элементам.
Количество кода уменьшается на 10-20% и не нужны никакие autoprefixer )))
Ответ написан
Комментировать
Комментировать
AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"
Они желательны.
Лишним не будет, в любом случае.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend-стажер React
Студия Oxem • Москва
от 20 000 до 80 000 ₽
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Ещё заказы