Logo Blog Pixwell

Web Design e outras coisas interessantes

Código para teste (debbug) das Media Queries – Design Responsivo

As vezes é necessário um código para testarmos as Media Queries e ver se o nosso layout está funcionando corretamente nos diversos dispositivos.

Fiz um pequeno código testando as resolução abaixo, da seguinte maneira:

  1. Até 480px mostra o layout mobile
  2. De 481px até 600px mostra o layout para tablet
  3. A partir de 601px mostra o layout para desktop

Copie o código, cole em um arquivo HTML, use seu Bookmarklet preferido ou redimensione a janela do navegador para ver as diferentes telas …

O código não estava funcionando no editor do site, então o coloquei no Pastebin: http://pastebin.com/aCU0Mj3d

Espero que ajude … 😉

Veja Também:   Como fazer um Slide Menu