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

【问题标题】：Why is Media-Query not working with media-feature max-width?为什么 Media-Query 不能与 media-feature max-width 一起使用？
【发布时间】：2021-04-12 21:37:58
【问题描述】：

我已将最大宽度添加为媒体功能，但当宽度小于 300 像素时颜色不会发生变化。我正在通过笔记本电脑上的 Inspect 元素对其进行检查。我也把它的响应能力和大小都变成了100%。请帮忙

<!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>

【问题讨论】：

标签： html css media-queries

【解决方案1】：

这行有错别字。之前的空间（最大宽度：300px） @media screen and (max-width:300px)

【讨论】：

天哪！非常非常感谢你！ :)