rernanded
Erfahrenes Mitglied
Hallo
ich will min-width und max-width kombinieren
Und zwar soll alles bis 600px Gerätebreite
und alles zwischen 601px und 1200px Gerätebreite
teils unterschiedliche Properties haben.
Ich nutze (top,left,right sind unterschiedlich) folgende media queries:
Das funktioniert aber nicht so richtig, es werden nur die properties aus den oberen media queries für #intro wirksam.
MONI
ich will min-width und max-width kombinieren
Und zwar soll alles bis 600px Gerätebreite
und alles zwischen 601px und 1200px Gerätebreite
teils unterschiedliche Properties haben.
Ich nutze (top,left,right sind unterschiedlich) folgende media queries:
HTML:
@media (min-width: 601px) and (max-width: 1200px){
#intro {
position: absolute;
top: 70%;
left: 25%;
right: 25%;
z-index: 100;
background: #FFF;
color: #ff5500;
font-family: Lato;
font-size: 13px;
/*box-shadow: 30px 30px 30px #cccccc;*/
border: 6px solid #fff;
border-radius: 30px;
padding: 13px 13px 13px 13px;
}
}
@media (max-width: 600px) {
#intro {
position: absolute;
top: 40%;
left: 10%;
right: 10%;
z-index: 100;
background: #FFF;
color: #ff5500;
font-family: Lato;
font-size: 13px;
/*box-shadow: 30px 30px 30px #cccccc;*/
border: 6px solid #fff;
border-radius: 30px;
padding: 13px 13px 13px 13px;
}
}
MONI