Jump to content

Search the Community

Showing results for tags 'media-query'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2 results

  1. GeovanniFerreiraMota

    Ajuda com media-query javascript.

    Ola Bom dia, Boa Tarde ,Boa Noite creio que este post ira ajudar muitas pessoas . Possuo uma duvida sobre "media-query" com javascript ou Jquery. Não possou muito conhecimento mas acredito que seja algo simples a se criar. Sei da forma que deve se fazer porem não sei a forma que irei escrever o código. Medias-Query CSS não serve para este exemplo. um exemplo: No exemplo a seguir conseguiria utiliza facilmente em um site mobile. porem no meu arquivo arquivo slider.exemplo ultiliza um tamanho; aspectRatio: "4:2" para descktop aspectRatio: "4:4" para mobile $(window).resize(function(){ if ($(window).width() <= 400){ // Mobile document.write("<script src='/js/slider.exemplo.mob.js'></script>"); //Mobile } else { document.write("<script src='/js/slider.exemplo.all.js'></script>"); //Descktop } }); Porem notei um problema e si a pessoa utilizar o smashtphone no formato landscape a imagem ira ser muito maior que a tela do smartphone teria um problema bem chato. acabei buscando um codigo que fosse parecido ao inves de especificar a resolução minima usaria "Landscape" ou "Portrait". achei alguns porem sem muita ultilidade caso ninguem conheça uma forma de fazer isso. uma ideia seria se width for maior que o height = seria o mesmo que o landscape. se o height for maior que o width = seria um portrait. se o height for igual ao width = seria um partrait $(window).resize(function(){ if ($(window).width >+ height()){ // do something here } }); algo assim...
  2. Gabriel Orlando

    Responsivo - Quebrando layout dos produtos

    Pessoal, boa tarde! Estou com um problema, nesse site aqui eu coloquei os produtos para exibirem em 4 colunas, porém, ele quebra o layout e só aparece 3, pois, provavelmente o width não é suficiente para colocar todos os produtos, além disso, quando eu vejo no responsivo, ele não faz um alinhamento dos produtos da coluna debaixo, por exemplo, na primeira linha tem os 4 produtos, depois, quando eu diminuir a tela, ele desce pra 3, 2 e depois 1 (de acordo com o tamanho), mas os produtos da linha debaixo, não sao alinhados com os da primeira... Alguém pode me ajudar? Dar uma dica ou alguma coisa? Obrigado!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.