@media (max-width: 989px) and (min-width: 768px) {}

/* Max-width */<br /> @media only screen and (max-width: 600px) {…}</p> <p>/* Min-width */<br /> @media only screen and (min-width: 600px) {…}</p> <p>/* Combining media query expressions */<br /> @media only screen and (max-width: 600px) and (min-width: 400px) {…}

@media screen and (min-width: 200px) and (max-width: 640px) {<br /> .bloc {<br /> display:block;<br /> clear:both;<br /> }<br /> }

/*<br /> # ref: https://www.w3schools.com/css/css3_mediaqueries_ex.asp<br /> – On screens that are 992px or less, set the background color to blue<br /> – Smaller screens<br /> */<br /> @media screen and (max-width: 400px) {<br /> body {<br /> background-color: blue;<br /> }<br /> }</p> <p>/*<br /> – On screens that are 992px or more, set the background color to red<br /> – Larger screens<br /> */<br /> @media screen and (min-width: 992px) {<br /> body {<br /> background-color: red;<br /> }<br /> }

@media only screen and (max-width: 535px), screen and (max-height:550px ) {<br /> }

/* What this query really means, is If [device width] is less than or equal to 600px, then do */<br /> @media only screen and (max-width: 600px) {…}</p> <p>/* What this query really means, is If [device width] is greater than or equal to 600px, then do */<br /> @media only screen and (min-width: 600px) {…}

@media screen and (max-width: 992px) {<br /> body {<br /> background-color: blue;<br /> }<br /> }