“iPad CSS Media Query” Ответ

СМИ СМОТ

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

Ответы похожие на “iPad CSS Media Query”

Вопросы похожие на “iPad CSS Media Query”

Больше похожих ответов на “iPad CSS Media Query” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования