Media min-width max-width

0 votes

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 */
}

It works on the iPhone but it does not work in the browser. Is this because I have a device in the meta or have max-width:480px instead?  Can someone explain to me about this?

May 7, 2022 in Others by narikkadan
 • 63,420 points • 524 views

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

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In Others

0 votes
1 answer

How to link two min max sliders with swiftui iOS15

I see you asked it a long ...READ MORE

answered Sep 22, 2022 in Others by rajatha
 • 7,640 points • 724 views
0 votes
1 answer

Return value if scores contain value form min and Max column

So based on my comments above, here ...READ MORE

answered Mar 20, 2023 in Others by narikkadan
 • 63,420 points • 350 views
0 votes
1 answer

Events & Threading in Windows Forms

I don't think you should be updating ...READ MORE

answered Nov 10, 2018 in Others by nirvana
 • 3,130 points • 722 views
0 votes
1 answer

What is a name function in JavaScript & how to define it?

A named function declares a name as ...READ MORE

answered Mar 7, 2019 in Others by Frankie
 • 9,830 points • 4,251 views
0 votes
2 answers

Need to test the live streaming data from kinesis and it will be send to flink application for processing and then output will be flowed from kinesis & stored in Aurora DB.

https://dzone.com/articles/automated-testing-with-junit-and-seleniu ...READ MORE

answered Dec 12, 2020 in Others by anonymous
 • 1,084 views
0 votes
0 answers

Looking for Genuine & Valid Exin MOVF dumps?

Now MOVF Dumps is not much difficult ...READ MORE

Feb 9, 2021 in Others by Aaron
 • 120 points • 331 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,700 points • 3,961 views
0 votes
1 answer

How to use CSS media query to scale background-image to viewing window

If you only want the desktop version ...READ MORE

answered Jun 17, 2022 in CSS by Edureka
 • 12,690 points • 1,076 views
0 votes
0 answers

@Media min-width & max-width

I have this @media setup: HTML: <head> <meta name="viewport" content="width=device-width, ...READ MORE

Jun 30, 2022 in CSS by Edureka
 • 13,620 points • 358 views
0 votes
1 answer

Make an image responsive - the simplest way

You can try doing <p> <a href="MY ...READ MORE

answered Jun 21, 2022 in CSS by Edureka
 • 12,690 points • 324 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP
"PMP®","PMI®", "PMI-ACP®" and "PMBOK®" are registered marks of the Project Management Institute, Inc. MongoDB®, Mongo and the leaf logo are the registered trademarks of MongoDB, Inc.