“Consulta de medios de CSS iPad” Código de respuesta

Consulta de medios específica del iPad

/*working only in ipad portrait device*/
@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
  body{
    background: red !important;
  }  
}
/*working only in ipad landscape device*/
@media all and (width: 1024px) and (height: 768px) and (orientation:landscape){
  body{
    background: green !important;
  }   
}

In the media query of specific devices, please use '!important' keyword to override the default CSS. Otherwise that does not change your webpage view on that particular devices.
Nikhil Carpenter

consulta de medios de CSS iOS

@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
}

@supports not (-webkit-touch-callout: none) {
   /* CSS for other than iOS devices */ 
}
Lazy Leopard

Consulta de medios de CSS iPad

@media screen and (max-width: 800px) {
    #site-header {
        display: none;
    }
}
Spotless Sloth

Respuestas similares a “Consulta de medios de CSS iPad”

Preguntas similares a “Consulta de medios de CSS iPad”

Más respuestas relacionadas con “Consulta de medios de CSS iPad” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código