“iPad CSS Medienabfrage” Code-Antworten

iPad spezifische Medienabfrage

/*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

CSS iOS Media Query

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

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

iPad CSS Medienabfrage

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

Ähnliche Antworten wie “iPad CSS Medienabfrage”

Fragen ähnlich wie “iPad CSS Medienabfrage”

Weitere verwandte Antworten zu “iPad CSS Medienabfrage” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen