Breaking News: Grepper is joining You.com. Read the official announcement!

media query for max width and height

Add Answer

Disgusted Dugong answered on February 20, 2020 Popularity 10/10 Helpfulness 4/10

answer media query for max width and height

related media max height css

related min and max width media query

related media query min and max width

related maxheight media query

related media min height css

related css media query max width

related what is a max and min width media query

related css media queries max width and min width

related media query min and max width

media query for max width and height

Comment

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

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css height max media width

Link to this answer
Share Copy Link

Contributed on Nov 05 2021

Disgusted Dugong

0 Answers Avg Quality 2/10

Closely Related Answers

media max height css

Comment

@media only screen and (max-height: 500px) {
  /* place here CSS for when the screen is less than 500px tall */
  .card {
    width: 100%;
  }
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: www.youtube.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 01 2021

DenverCoder1

0 Answers Avg Quality 2/10

min and max width media query

Comment

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

Popularity 10/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Feb 20 2020

Xenophobic Xenomorph

0 Answers Avg Quality 2/10

media query min and max width

Comment

/* Styles for devices with width between 600px and 900px */
@media screen and (min-width: 600px) and (max-width: 900px) {
  /* Add your styles here */
  body {
    background-color: lightblue;
  }
}

/* Styles for devices with width greater than or equal to 1200px */
@media screen and (min-width: 1200px) {
  /* Add your styles here */
  body {
    background-color: lightgreen;
  }
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

maxheight media query

Comment

@media screen and (max-width: 995px), 
       screen and (max-height: 700px) {
  ...
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on May 24 2021

Cheerful Cat

0 Answers Avg Quality 2/10

media min height css

Comment

@media only screen and (min-height: 500px) {
  /* place here CSS for when the screen is more than 500px tall */
  .card {
    background: #111;
  }
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: www.youtube.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 01 2021

DenverCoder1

0 Answers Avg Quality 2/10

css media query max width

Comment

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

/* 
 - On screens that are 992px or more, set the background color to red
 - Larger screens
*/
@media screen and (min-width: 992px) {
  body {
    background-color: red;
  }
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 29 2022

Manga301

0 Answers Avg Quality 2/10

what is a max and min width media query

Comment

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

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

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Dec 21 2020

0xTony143

0 Answers Avg Quality 2/10

css media queries max width and min width

Comment

@media only screen and (max-width: 600px)  {...}
/* [device width 📱] is less than or equal to 600px = max-width */ 

@media only screen and (min-width: 700px)  {...}
/* [device width 📱] is greater than or equal to 700px = min-width */

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 09 2023

The Real One

0 Answers Avg Quality 2/10

media query min and max width

Comment

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

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 24 2021

Chand jr

0 Answers Avg Quality 2/10

media query for max width and height

Contents

More Related Answers

media query for max width and height

Closely Related Answers

media max height css

min and max width media query

media query min and max width

maxheight media query

media min height css

css media query max width

what is a max and min width media query

css media queries max width and min width

media query min and max width

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.