media queries un css ne fonctionne pas
Bonjour tout le monde
Je n'arrive pas à faire les médias queries pour l'écran 320 et 768 px.
Ca ne prend pas en compte ca prend en compte que la largent de l'écran 1024. pourquoi il ne prend pas en compte ?
merci d'avance
Code:
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
| @media only screen and(max-width: 768px)
{
figure{
width: 50% !important;
}
footer{
margin-top: 10em;
}
}
@media screen and(max-width: 320px)
{
figure{
width: 75% !important;
}
footer{
margin-top: 20em;
}
}
@media only screen and (max-width: 1024px)
{
nav
{
width: auto;
text-align: left;
}
nav ul
{
flex-direction: column;
}
nav li
{
padding-left: 4px;
}
nav a
{
font-size: 1.1em;
}
nav a:hover
{
border-bottom: 0;
}
#slideshow
{
display: none;
}
#textslider
{
display:none;
}
.picture
{
display:none;
}
.projets_album {
flex-direction: column;
justify-content: center;
align-items: center;
}
iframe{
display: none;
}
#arriere_plan{
display: none;
}
figure {
width: 35%;
}
p{
font-size: 100%;
font-family: Arial, Verdana, sans-serif;
}
#formulaire{
background-color: rgba(52, 145, 178, 0.40);
}
#conteneur_contact{
width:60%;
margin-left:20%;
}
} |
