为什么 Media-Query 不能与 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.我已将最大宽度添加为媒体功能，但当宽度小于 300 像素时颜色不会发生变化。 I am checking it through Inspect element on my laptop.我正在通过笔记本电脑上的 Inspect 元素对其进行检查。 I have also turned its responsiveness and the size is 100%.我也把它的响应能力和大小都变成了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>

Answer 1

There's a typo in this line.这一行有一个错字。 space before (max-width:300px) @media screen and (max-width:300px) (max-width:300px) @media screen 和 (max-width:300px) 之前的空间

为什么 Media-Query 不能与 media-feature max-width 一起使用？

问题描述

1 个解决方案

解决方案1
1 已采纳 2021-04-12 13:37:58

为什么 Media-Query 不能与 media-feature max-width 一起使用？

问题描述

1 个解决方案

解决方案1 1 已采纳 2021-04-12 13:37:58

解决方案1
1 已采纳 2021-04-12 13:37:58