Imprimir Página - Porque el screen.width no me funciona?

Título: Porque el screen.width no me funciona?
Publicado por: Drakaris en 26 Agosto 2017, 12:07 pm

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

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:

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

Título: Re: Porque el screen.width no me funciona?
Publicado por: #!drvy en 26 Agosto 2017, 14:18 pm

Esa función no esta declarada de forma valida. Además lo mejor que puedes hacer para diseño responsive es usar CSS, no javascript.

CSS media queries
https://developer.mozilla.org/es/docs/CSS/Media_queries

Media Queries en CSS ¿Cómo funcionan?
https://www.silocreativo.com/media-queries-css/

Código

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

Además lo scripts se colocan al final del body antes de </body>.

Saludos

Título: Re: Porque el screen.width no me funciona?
Publicado por: Drakaris en 26 Agosto 2017, 23:03 pm

Cita de: #!drvy en 26 Agosto 2017, 14:18 pm

Código

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

Además lo scripts se colocan al final del body antes de </body>.

Saludos

Hola #!drvy he intentado lo que me has dicho pero no me ha funcionado me da error, me dice: Uncaught SyntaxError: Unexpected token {
Porque será?

Gracias

Título: Re: Porque el screen.width no me funciona?
Publicado por: engel lex en 27 Agosto 2017, 03:37 am

funciona perfecto el codigo de drvy, tu problema es un { abierto donde no debe

Título: Re: Porque el screen.width no me funciona?
Publicado por: Drakaris en 28 Agosto 2017, 11:55 am

Cita de: engel lex en 27 Agosto 2017, 03:37 am

funciona perfecto el codigo de drvy, tu problema es un { abierto donde no debe

Hola he intentado lo que me han dicho, el jQuery funciona correctamente en mi pagina web. Cuando pongo este código me va bien:

Código:

$(document).ready(functions(){
$("#header").remove();
});

Pero cuando pongo este otro no:

Código:

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

Parece como si pongo el if me detectara como mal, ya que no hace nada, porque será eso?

Gracias

Título: Re: Porque el screen.width no me funciona?
Publicado por: Drakaris en 31 Agosto 2017, 11:59 am

Ya lo resolví, es este código:

Código:

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

Gracias por su atención.

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Drakaris en 26 Agosto 2017, 12:07 pm