Можно ли использовать flexbox/ html5 для сетки в верстке?

Question

[safbek]

Не могу никак понять можно ли использовать flexbox/html5 для сетки в верстке? Если нет, то чем заменяется все это? Верстать дивами и инлайн блоками?

Comments

[Алексей Уколов]

Один вопрос - один вопрос.

[Алексей Уколов]

А вопрос про медиавыражения можете даже не задавать - информацию легко найти в поисковике.

Answer 1

[zooks]

Поддержка в 96% браузеров с префиксами - можно смело использовать.
Исключение - если у заказчика идет весомая доля трафика со старыми IE (ниже 11-й версии).

Comments

[safbek]

Спасибо! Это касаемо и основного каркаса? после статьи "When to use Flexbox" в сомнених. (brolik.com/blog/when-to-use-flexbox/) Хотя может изменилось что с дек.2015года.
А вы как верстаете каркас сайта? не могли бы поделиться...используете htnl5 и flexbox

[zooks]

safbek: С декабря изменилось две вещи - упал трафик со старых IE (правда, не везде) и мобильный превысил десктопный. Это удобно - можно поменять направление контента на вертикальный для мобил одной строчкой:

.wrapper {
  flex-direction: column;
}

. А раньше нужно было отменять float для каждого блока и делать другие манипуляции.

[zooks]

zooks: если не используете autoprefixer, то строчек будет несколько - с префиксами под старье.

.wrapper {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

[safbek]

zooks: спасибо за подробное разъяснение!

[zooks]

safbek: если мой ответ помог вам, то пожалуйста нажмите "отметить как решение".

Answer 2

[Алексей Уколов]

Можно, в значении есть такая возможность.
Нельзя, если вам нужно поддерживать браузеры, в которых flexbox не работает.