Css media screen

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

Css media screen

@media (max-width: 991px){
    .mobile{
        display: block;
    }
}

Media query

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

-3

Similar codes

0 vote191 views1 answer
Css file not getting captured in laravel project
CSS
0 vote224 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
10 votes210 views5 answers
Media query for max width and height
CSS
120 votes229 views6 answers
Css hide scrollbar
CSS
31 votes252 views3 answers
How to change the width of a background image in css
CSS
2 votes269 views1 answer
Input type file placeholder
CSS
70 votes199 views6 answers
Center in css
CSS
39 votes255 views2 answers
Font size x large in css
CSS
0 vote188 views2 answers
Codeigniter return last inserted id
CSS
0 vote317 views1 answer
Are the iphone dimensions widht then height
CSS