Na documentação do Bootstrap 3, a mídia consulta :
Usamos as seguintes consultas de mídia em nossos arquivos Menos para criar os principais pontos de interrupção em nosso sistema de grade.
Dispositivos pequenos demais (telefones com menos de 768px): Nenhuma consulta de mídia, pois esse é o padrão no Bootstrap
Pequenos dispositivos (tablets, 768px ou mais):
@media (min-width: @screen-sm-min) { ... }
Dispositivos médios (desktops, 992px e superior):
@media (min-width: @screen-md-min) { ... }
Dispositivos grandes (desktops grandes, 1200px e acima):
@media (min-width: @screen-lg-min) { ... }
Que devemos ser capazes de usar as @screen-sm
, @screen-md
e @screen-lg
nomes em nossas consultas de mídia, bem como? Porque isso não funciona para mim. Eu tenho que usar medições de pixel, como @media (min-width: 768px) {...}
antes de funcionar. Estou fazendo algo errado?
Além disso, a referência a 480px para dispositivos pequenos extras é um erro de digitação? Isso não deveria dizer até 767px? ( desde que removido da documentação )