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 vote180 views1 answer
Align grid items with end
CSS
0 vote167 views1 answer
Center tecxt css
CSS
1 vote198 views1 answer
How to write css like a pro
CSS
45 votes174 views6 answers
Css elipsis
CSS
0 vote168 views2 answers
Laravel 7 css loading slow
CSS
0 vote197 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote167 views2 answers
Css full cover background image
CSS
99 votes176 views2 answers
Css absolute in absolute
CSS
1 vote171 views1 answer
How to make border blur css
CSS
164 votes189 views4 answers
Html head css link
CSS