Answers for "media query mobile screen"

51

media query for mobile view css

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
Posted by: Guest on December-06-2019
1

media query phone

@media (max-width: 640px) {
/* CSS mobile ici */
}
Posted by: Guest on June-04-2021
0

media query for mobile landscape only

@media screen and (orientation:landscape) and
(min-device-width: 320px) and (max-device-width: 450px) {
   /* Input Styles */
}
Posted by: Guest on March-02-2021
1

mobile tablet desktop media queries

Syntax:

@media( media feature ) {
    // CSS Property
}

The screen resolutions of different devices are listed below:

Mobile (Smartphone) max-width: 480px
Low Resolution Tablets and ipads max-width: 767px
Tablets Ipads portrait mode max-width:1024px
Desktops max-width:1280px
Huge size (Larger screen) max-width: 1281px and greater
Posted by: Guest on June-18-2020

Browse Popular Code Answers by Language