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 !!!