Problema con @media query y matchmedia()
Publicado por Franti (1 intervención) el 12/06/2019 20:10:23
Hola tengo un problema con un proyecto,
resulta que si ejecuto esto en javascript
Deja de funcionar esto en mi css:
Si ejecuto ese script deja de funcionar esos @media query... al recargar la pagina vuelve a funcionar el css pero si ejecuto de nuevo el script deja de funcionar el css hasta que vuelvo a recargar.
Alguien puede ayudarme?
Gracias de antemano.
resulta que si ejecuto esto en javascript
1
2
3
4
5
6
7
var mediaquery1 = window.matchMedia("(min-width:1320px)");
if (mediaquery1.matches) {
$(".content").css("margin-left","345px");
$(".f1").css("margin-left","345px");
$(".f2").css("margin-left","345px");
$(".f3").css("margin-left","345px");
}Deja de funcionar esto en mi css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
@media all and (min-width:1320px) {
.content { margin-left:345px;}
footer .f1 { margin-left:345px; }
footer .f2 { margin-left:345px; }
footer .f3 { margin-left:345px; }
}@media all and (max-width: 1570px) {
.content { margin-left:325px;}
footer .f1 { margin-left:325px; }
footer .f2 { margin-left:325px; }
footer .f3 { margin-left:325px; }
}@media all and (max-width: 1540px) {
.content { margin-left:305px;}
footer .f1 { margin-left:305px; }
footer .f2 { margin-left:305px; }
footer .f3 { margin-left:305px; }
}@media all and (max-width: 1510px) {
.content { margin-left:285px;}
footer .f1 { margin-left:285px; }
footer .f2 { margin-left:285px; }
footer .f3 { margin-left:285px; }
}@media all and (max-width: 1480px) {
.content { margin-left:265px;}
footer .f1 { margin-left:265px; }
footer .f2 { margin-left:265px; }
footer .f3 { margin-left:265px }
}@media all and (max-width: 1455px) {
.content { margin-left:250px;}
footer .f1 { margin-left:250px; }
footer .f2 { margin-left:250px; }
footer .f3 { margin-left:250px; }
}Si ejecuto ese script deja de funcionar esos @media query... al recargar la pagina vuelve a funcionar el css pero si ejecuto de nuevo el script deja de funcionar el css hasta que vuelvo a recargar.
Alguien puede ayudarme?
Gracias de antemano.
Valora esta pregunta
0
