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
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

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 1 result

  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...
×

Important Information

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