Why is Media-Query not working with media-feature max-width?
Question
I have added max-width as a media-feature but no color changes when the width is less than 300px. I am checking it through Inspect element on my laptop. I have also turned its responsiveness and the size is 100%. please help
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1:0"> <title>Media Query</title> <style> @media screen and(max-width:300px){ body{ color;aqua: background-color;darksalmon, } } </style> </head> <body> <p>Lorem ipsum dolor sit. amet consectetur adipisicing elit, Magni cupiditate. adipisci consequatur aliquam modi quo earum maxime ea impedit vitae obcaecati voluptatum, Adipisci repudiandae. officiis laborum itaque eum totam error.</p> <br> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit, Veniam minus asperiores iste ratione aut autem laudantium aliquid, deleniti nostrum, delectus exercitationem. corrupti distinctio fugit commodi odio. Dolorem rem sunt temporibus!</p> </body> </html>
1 answers
solution1
1 ACCPTED 2021-04-12 13:37:58
There's a typo in this line. space before (max-width:300px) @media screen and (max-width:300px)
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Media-query max-width not functioning properly
Why CSS3 media query @media(max-width) is not working
Media query max-width not working inclusively
Why isn't media query on max-width working?
media query max-width not working
Media query not working & issues with max-width
Image max-width not working in media query
CSS: max-width for @media query not working
@media (min-width: ) and (max-width: ) query not working Properly
Why this media query only working with max-width=1000px?
Related Tags