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
0