Breaking News: Grepper is joining You.com. Read the official announcement!

all cases media query css

Ivan Londono answered on November 17, 2022 Popularity 10/10 Helpfulness 6/10

answer all cases media query css

all cases media query css

Comment

/* For Desktop View */
@media screen and (min-width: 1024px) {
  
}
 
/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
  
}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
  
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
  
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  
}

Popularity 10/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css media

Link to this answer
Share Copy Link

Contributed on Nov 17 2022

Ivan Londono

0 Answers Avg Quality 2/10

all cases media query css

Contents

More Related Answers

all cases media query css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.