Categorias
CSS Responsivo

CSS Responsivo

Ultimamente vem crescendo o número de vezes que preciso tornar um elemento X responsivo dentro do site.

Como prefiro deixar tudo extremamente prático e tenho pouco tempo pra desenvolver projetos, ao invés de ler e entender todo o responsive.css, prefiro simplificar utilizando este maravilhoso artificio técnico que vou ensinar abaixo: injetar o responsivo direto no HTML.

<!———————————————————————————————–>

<style type=”text/css” media=”screen and (max-width: 799px)”> #div1 {display:none;} </style>

<div id=”div1″>

SE A RESOLUÇÃO DENTRO DO SEU NAVEGADOR FOR SUPERIOR A 799 PIXELS, ESTE ELEMENTO APARECE!

</p>

<!———————————————————————————————–>

<style type=”text/css” media=”screen and (min-width: 799px)”> #div2 {display:none;} </style>

<div id=”div2″>

ESTE ELEMENTO SÓ VAI APARECER PARA O USUÁRIO SE SUA RESOLUÇÃO FOR MENOR OU IGUAL A 799PX!

</p>

<!———————————————————————————————–>

 

Let’s rock !!!