Código HTML visível Para Computador ou para celular

Como deixar seu conteúdo visível apenas para Computador/Celulares 
Bem você vai precisar do código abaixo nesse método o código vai ler o tamanho da tela .

Exemplo do código na pratica.

  

VOCÊ ESTÁ EM COMPUTADOR OU DISPOSITIVO DE TELA GRANDE.

VOCÊ ESTÁ EM DISPOSITIVO COM TELA PEQUENA

O Código html que você precisa :

<div><style> @media all and (min-width: 780px) { .MOSTRARPARAComputadores {display:block;} .MOSTRARPARACELULARES {display:none;} } @media all and (max-width: 779px) { .MOSTRARPARAComputadores {display:none;} .MOSTRARPARACELULARES {display:block;} }</style><div class="MOSTRARPARAComputadores"> SEU CONTEÚDO AQUI "TELA GRANDE" . </div> <div class="MOSTRARPARACELULARES"> SEU CONTEÚDO AQUI "TELA PEQUENA" </div>

Poder ser útil também para pode redirecionar MOBILE/DESKTOP

Exemplo de código:

<div><style> @media all and (min-width: 780px) { .MOSTRARPARAComputadores {display:block;} .MOSTRARPARACELULARES {display:none;} } @media all and (max-width: 779px) { .MOSTRARPARAComputadores {display:none;} .MOSTRARPARACELULARES {display:block;} }</style><div class="MOSTRARPARAComputadores"> COMPUTADOR SERÁ REDIRECINADO PARA O LINK <script> window.location.href = "https://twitter.com/"; </script>. </div> <div class="MOSTRARPARACELULARES"> CELULAR SERÁ REDIRECIONADO PARA O LINK <script> window.location.href = "https://www.instagram.com/"; </script></div>

.