CSS - mis media queries no funcionan

   
Vista:

mis media queries no funcionan

Publicado por lucia (1 intervención) el 07/05/2017 18:27:40
cuando pongo un @media screen and (min-width:1280px){ el de 320 pixeles (versión celular ) lo hereda y no sé cómo romper la herencia, todo se ve afectado. Estoy trabajando en tres pantallas, 320, 768 y 1280, pero el 1280 modifica todo y no se me ocurre por qué.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@media screen and (min-width:1280px){
    header{
max-width:200%;
 width:170%;
height: 800px;
 
margin-left:-270px;
background: url(../images/principaloriginal.jpg)no-repeat top;}
        header h1{margin-top: 10%; margin-left: -80px;font-size: 18em;font-weight: 100;}
body div header	p:nth-child(2) {font-size: 10em; margin-top: -6%; margin-bottom: 3%;}
    header	p:nth-child(2)>span{opacity:0.8;}
    body > div > section:nth-child(2) > article:nth-child(2){margin-top: 36%; font-size:10em;}
}
 header>p:nth-child(3) {
    font-size: 9em;
    background: url(../images/decorative.jpg) 51% 27% no-repeat;
    background-size: 88%;
}
header>p:nth-child(4){
    font-size: 10em;
    margin-top: 4%;
    margin-left: 7&;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder