Hallo, ich habe eine Media query in meinem css für das iPhone 4 (320x480px). Wenn ich in der query jedoch werte verändere, sieht man dennoch keinen unterschied. Es wird nicht angewendet. Was habe ich falsch gemacht?
Code:
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: portrait) {
.body {
width: 80%;
font-size: 90%;
}
.mainHeader img.Margrit {
right: 10%;
top: 50%;
}
.mainHeader img.Logo {
right: 10%;
top: 60%;
}
.mainHeader img.Couture {
top: 27.5%;
left: -15%;
}
.mainHeader nav {
height: 160px;
}
.mainHeader nav ul {
padding-left: 0;
}
.mainHeader nav ul li {
width: 100%;
text-align: center;
}
.mainHeader nav a:link, .mainHeader nav a:visited {
padding: 10px 25px;
height: 20px;
display: block;
}
.mainFooter {
width: 100%;
}
}
Zuletzt bearbeitet: