@media

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Orientation css max and min width media query

<style type="text/css">
    /* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width: 768px) {
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }
</style>

Source: stackoverflow.com

Media query

@media (max-height : 800px){ /* from 0 to 800 px max height applies */
  p{
    font-size:10px
  }
}

-3

Similar codes

0 vote279 views1 answer
Select after not visible
CSS
0 vote275 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
12 votes290 views4 answers
Css hover but no click
CSS
47 votes286 views4 answers
Transform
CSS
1 vote272 views1 answer
Pseudo class css nth child
CSS
1 vote290 views1 answer
Input type search remove x
CSS
21 votes323 views5 answers
How to open a file in vscode from terminal
CSS
9 votes293 views4 answers
How to stop form from submitting on enter
CSS
0 vote278 views1 answer
Nth-of-type(2):before
CSS
0 vote265 views5 answers
Css fr meaning
CSS