Qual é a maneira mais segura, usando consultas de mídia, de fazer algo acontecer quando não estiver em um dispositivo com tela de toque? Se não houver maneira, você sugere usar uma solução JavaScript como !window.TouchModernizr
Estou tentando combinar o uso de uma variável Sass com consultas @media da seguinte maneira: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width é então definido em vários pontos nas medidas...
Isso pode soar como uma pergunta boba. Se eu usar este snippet CSS para monitores regulares (onde box-bg.pngé 200px por 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } e se eu usar uma consulta de mídia como esta para visar telas de retina...
Por algum motivo, o modo de emulação de dispositivo não está lendo minhas consultas de mídia. Funciona em outros sites, incluindo meus próprios sites que fiz com bootstrap, mas não está funcionando em consultas de mídia que estou usando do zero (clicar no botão de consultas de mídia torna o...
EDITADO: Talvez eu deva perguntar qual seletor configura o padding lateral quando a tela é reduzida para menos de 480px de largura? Eu tenho navegado bootstrap-responsiveness.css por um tempo para localizar isso, mas nada parece afetar isso. Original , basicamente, desejo remover qualquer...
Como espaçamos as consultas de mídia com precisão para evitar sobreposições? Por exemplo, se considerarmos o código: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /*...
Eu tenho uma classe de item e uma classe "modificadora" compacta: .item { ... } .item.compact { /* styles to make .item smaller */ } Isto é bom. No entanto, gostaria de adicionar uma @mediaconsulta que force a .itemclasse a ser compacta quando a tela é pequena o suficiente. À primeira vista,...
Desde o Bootstrap 3 não há mais arquivos separados para folhas de estilo responsivas e padrão. Então, como posso remover facilmente os recursos responsivos?