Escolha uma categoria

Forçando a Barra – CSS Responsivo na veia do Código

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>

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

Yeah! Piece of Cake … 

Não venha me dizer que isso é como usar css in-line e torna o código sujo e blá-blá-blá…

Não me sujeito a passar 2h de sofrimento decifrando um código de terceiros sendo que posso, por menos de 0,5 KB a mais de código, levar 1 minuto para fazê-lo!!!

Let’s rock !!!

 

 

Deixe uma resposta

O seu endereço de email não será publicado. Required fields are marked *

*