Diseño web Barcelona para iPad y iPhone

Diseño web para iPad

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.example {
height: 30px;
}
} /*iPad in portrait & landscape*/

Diseño web para iPhone

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
.example {
height: 20px;
}
}