Porque el screen.width no me funciona?

Hola. Estoy haciendo mi página web responsive a móviles y tengo que poner:
tablet.js
Código:

Código :

function anchura{
if(screen.width < 768){
  $("#header").remove();
}
}

Que me dice, si el ancho de mi pantalla es menor que 768 o igual (tablets and phones) me eliminará el elemento con el id header

Puse este script en las etiquetas head:

Código:

Código :

<script type="javascript/text" src="tablet.js">

Y no me funciona, porque será?
También lo he probado de llamarlo con onload pero no me funcionó
Gracias.

Haz declarado una función, pero con cargarla no es suficiente, deberás además ejecutarla.

Jorge

Hola Jorge me he informadoque es mejor hacerlo con jQuery, puse este código pero no me funciona, porque será?

Código Javascript :

$(document).ready(functions(){
    if(screen.width < 768){
        $("#header").remove();
   }
});

Gracias

Primero verifica que se ejecute

Código :

$(document).ready(functions(){
    console.log('Ancho de ventana '+screen.width);
    if(screen.width < 768){
        $("#header").remove();
   }
});

No se si el objeto screen es siempre soportado. Abre el inspector del navegador que uses, tendrias que ver el log apareciendo en la consola

Jorge

Ya lo resolví, es este código:

Código Javascript :

<script>
  $(document).ready(function(){
    if (window.matchMedia("(max-width: 768px)").matches){
      $("#header").remove();
    }
  });
</script>

Gracias