“IPAD CSS Media Query” Kod odpowiedzi

Zapytanie do mediów specyficznych dla iPada

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

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

Odpowiedzi podobne do “IPAD CSS Media Query”

Pytania podobne do “IPAD CSS Media Query”

Więcej pokrewnych odpowiedzi na “IPAD CSS Media Query” w CSS

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu