Search
 
SCRIPT & CODE EXAMPLE
 

CSS

ipad specific 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.
Comment

media query only for ipad

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}
Comment

media query only for ipad

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}
Comment

media query only for ipad

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}
Comment

media query only for ipad

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}
Comment

media query only for ipad

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}
Comment

PREVIOUS NEXT
Code Example
Css :: center absolute element css 
Css :: who created css 
Css :: link to css file within another css file 
Css :: box shador of one border css 
Css :: calc(100vh - px) 
Css :: media screen tablet 
Css :: verticle line css 
Css :: keeping elements of container in center 
Css :: nunito 
Css :: css grow animation 
Css :: multiple css media queries 
Css :: how to remove default look of button 
Css :: css contain text in div 
Css :: active pseudo class in css not working in form text area 
Css :: css vertical align 
Css :: Conditionally loading resources with media queries 
Css :: How to hide specific td border in css 
Css :: how to center an absolute div 
Css :: import image css 
Css :: bot page description background selector top.gg 
Css :: text underline 
Css :: center div inside div vertically and horizontally 
Css :: make div the size of the text inside 
Css :: how to make auto scroll to the end in css 
Css :: get second child div css 
Css :: css background rainbow 
Css :: color checker css online 
Css :: remove cursor pointer css 
Css :: word spacing css 
Css :: css comment 
ADD CONTENT
Topic
Content
Source link
Name
3+1 =