My @media query doesn't work! What must I do ??

Hi, I did everything to fix that problem however my css media query for making the web page responsive ignores the new data s so if u can help me i would really appreciate.

html css javascript css3

2nd Dec 2020, 12:37 PM

Reza Kaviani

5 Answers

+ 2

If it's for responsive design, then you need to have this tag in your HTML document: <meta name="viewport" content="width=device-width, height=device-height, intitial-scale =1.0"> This has to be somewhere between the <head></head> tags

2nd Dec 2020, 4:40 PM

Coal

+ 1

Reza Kaviani the width needs to be specified. This means that for less than 992px, it wouldn't work. It'd be better if you send me your CSS code so I could see what's wrong.

2nd Dec 2020, 5:16 PM

Coal

+ 1

Reza Kaviani click on my profile, then the 3 dots and then on message

2nd Dec 2020, 5:43 PM

Coal

Cryptic Art First of all thanks for your communication and time but I have already used that meta like you said and let me tell you more. The browser ignores the @media query in more specific width for example for min-width 992 it works but it is not responding for less width. If u have any ideas please share it with me. Thanks

2nd Dec 2020, 5:13 PM

Reza Kaviani

Thanks again. Send me your account in any social Network ,I prefer Skype

2nd Dec 2020, 5:29 PM

Reza Kaviani