Media min-width max-width

I have this @media setup:

HTML:

<head>
  <meta name="viewport" content="width=device-width, user-scalable=no" />
</head>

CSS:

@media screen and (min-width: 769px) {
    /* STYLES HERE */
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
    /* STYLES HERE */
}

@media only screen and (max-device-width: 480px) {
    /* STYLES HERE */
}

With this configuration, it functions on the iPhone but not in a browser.

Is this because I already have max-width:480px in the meta instead of device?

Jun 30, 2022 in CSS by Edureka
• 13,620 points • 477 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):

Email me at this address if my answer is selected or commented on:

Privacy: Your email address will only be used for sending these notifications.

How to build a special polygon (a kite shape) with HTML & CSS only?

I made two divs, one for Arc ...READ MORE

answered May 28, 2022 in CSS by Edureka
• 12,690 points • 1,544 views

0 votes

1 answer

CSS box-sizing: border-box still adding border size to element width

Instead of using a border, you could ...READ MORE

answered Jun 13, 2022 in CSS by Edureka
• 12,690 points • 2,076 views

0 votes

1 answer

I want to create a small square colour filled box in HTML & CSS. And most important - I want to write one line after the box

Try using the square html entity: <div style="color:blue">&a ...READ MORE

answered Jun 28, 2022 in CSS by Edureka
• 12,690 points • 5,710 views

0 votes

1 answer

CSS: Set a background color which is 50% of the width of the window

You can make a hard distinction instead ...READ MORE

answered Jun 28, 2022 in CSS by Edureka
• 12,690 points • 4,011 views

0 votes

0 answers

@Media print css

I have my HTML page with this ...READ MORE

Jun 30, 2022 in CSS by Edureka
• 13,620 points • 441 views

0 votes

1 answer

CSS calc width and height values

Yes, there are CSS variables named vh ...READ MORE

answered Aug 4, 2022 in CSS by Tanishqa
• 1,170 points • 6,940 views

0 votes

1 answer

Media Queries: How to target desktop, tablet, and mobile?

I would personally believe that these are ...READ MORE

answered Feb 11, 2022 in Others by Soham
• 9,710 points • 4,502 views

0 votes

0 answers