Почему не применяются стили flexbox на мобильных устройствах?

Question

[Max Rudik]

Добрый день!
Первый раз верстаю адаптив под мобильные устройства.
test1.rudik.info/index.html - вот тестовый хостинг.
Собственно, первый вопрос в заголовке, а второй - какие устройства нужно учесть при верстке, если от заказчика особых требований нет, т.к. он в это не вникает. Каков стандарт?

Заранее благодарен за ответы.

Comments

[x-comzbk]

оффтоп: сделайте анимацию слайдера медленнее слишком резко листает слайды

Answer 1

[Tizi]

Учитывай не сами устройства а разрешения экранов по ширине.

Вот что я использую

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Landscape phones and smaller */
@media (max-width: 480px) {

}

P.s: хост не грузит.

Answer 2

[Ankhena]

Вот сервис показывающий поддержку свойств в разных браузерах (не устройствах) caniuse.com

какие устройства нужно учесть при верстке, если от заказчика особых требований нет, т.к. он в это не вникает. Каков стандарт?

Нет никаких стандартов, есть целевая аудитория конкретного проекта. От этого и пляшут.