Resultados da pesquisa a pedido "media-queries"

11 a resposta

Como posso detectar o Internet Explorer (IE) e o Microsoft Edge usando JavaScript?

Eu olhei em volta e entendo que existem várias maneiras de detectar o Internet Explorer. Meu problema é o seguinte: eu tenho uma área no meu documento HTML que, quando clicada, chama uma função JavaScript que é incompatível com o Internet ...

1 a resposta

Consultas de mídia: não estão funcionando

Estou usando o webpack e menos pré-processador. Eu também incluomedia.less arquivo na parte inferiormain.less. O problema é todos os estilos dentro@media tags são ignoradas. Código CSS: @media all and (min-device-width : 414px) and ...

1 a resposta

Operação de arquivo suspeito .. O caminho associado… está localizado fora do componente do caminho base

Tentando fazer upload de arquivos .png na tabela de imagens do administrador, recebo um erro: SuspiciousFileOperation em / admin / products / productimage / add / O caminho associado (/product/images/Laptop-Computer-5_copy.png) está localizado ...

1 a resposta

Tela de mídia responsiva da tela com largura mínima - FabricJS

Estou tentando ajustar a tela para cada resolução, então primeiro uso o css e coloco telas de mídia para cada resolução. @media screen and (min-width: 320px) { #c { -webkit-transform : scale(0.38); -webkit-transform-origin : 0 0; ...

1 a resposta

O que é uma regra @media sem um tipo de mídia?

Eu herdei isso e queria saber o que faz uma consulta de mídia sem um "tipo de mídia"? @media (min-width: 768px) { .commentlist-item .commentlist-item { padding: 0 0 0 2em; } }Sintaxe padrão de www.w3schools.com/css/css3_mediaqueries.asp @media ...

2 a resposta

O Safari ignora o window.matchMedia

Estou usando o window.matchMedia condicional para evitar a injeção de um vídeo em dispositivos móveis.Aqui [http://caniuse.com/#feat=matchmedia]ele diz que o matchMedia funcionará sem problemas desde o Safari 9 (estou testando nele), mas meu ...

4 a resposta

Alguém pode explicar as consultas de mídia CSS?

Eu li o artigo sobre eles emcss3.info [http://www.css3.info/preview/media-queries/], mas não achei que o explicasse suficientemente bem. Também não consegui alterar os exemplos deles com o tamanho da tela. Eu tentei no Safari, FF, Chrome. Esse ...

1 a resposta

não (largura máxima: 512 px) não está funcionando

Eu tenho a seguinte página HTML: <style> @media not(max-width: 512px) { * { color: red; } } </style> FoobarNo entanto, isso não responde às perguntas da janela.width. A regra da mídia nunca é aplicada. Se eu remover onot, funciona conforme o ...

3 a resposta

Ajustar continuamente o tamanho do elemento à medida que o tamanho da tela muda

Existe uma maneira de usar consultas de mídia para alterar o valor de uma propriedade CSS gradualmente, à medida que a tela muda de tamanho (continuamente / sem problemas). Em vez de definir vários pontos de interrupção nos quais há uma alteração ...

1 a resposta

Exibir imagem apenas em telas menores

Alguém pode me ajudar a modificar o código abaixo para exibir a imagem apenas no modo de exibição móvel. No momento, está sempre visível. <style type="text/javascript"> .icon-xyz {float: left; width: 22px;cursor: pointer;background: none;} ...