Привет, коллеги!
Запутался с PX и EM. При верстке использую
Flexbox grid,
media указана в EM
@media only screen and (min-width: 48em)
есть код типа
<div class="col-xs-12 col-sm-12 col-md-6 cal-lg-6"></div>
Если принять размер пикселя равным 16, то все должно отображаться нормально (768px) и должно отработать правило .col-sm-12, как бы мне и надо.
Но этого не происходит!
У меня это правило (.col-sm-12) отрабатывает при ширине 1023px (при 1024px в две колонки - .col-md-6).
Как сделать, чтобы 48em равнялось 768px и чтобы срабатывало в таких пропорциях?
col-xs-* - phones, up to 480px
col-sm-* - tablets, 768px and up
col-md-* - desktops, 992px and up
col-lg-* - large desktops, 1200px and up
Большое спасибо за ответ!
