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

21 votes137 views2 answers
Ul css in one line
CSS
10 votes111 views6 answers
Css hover change another element
CSS
20 votes122 views3 answers
Css text selection none
CSS
0 vote116 views1 answer
Css youtube video get rid of black border
CSS
0 vote132 views1 answer
Au fourneua bakery
CSS
0 vote114 views1 answer
Css blur background behind div
CSS
8 votes115 views1 answer
Html watermark background
CSS
7 votes75 views2 answers
Html vertical and horizontal center
CSS
16 votes113 views4 answers
Arrow right css
CSS
-1 vote133 views2 answers
Multi colors in background in css
CSS