老师这样对吗？meta那一行是必写的吗？

来源：3-23 编程练习

我不是胖球球

2021-09-02 23:47:34

相关代码：

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=devive-width,initial-scale=1">
    <style>
        p {
            color: red;
            text-align: center;
        }

        /*此处写代码*/
        @media (min-width:450px) {
            p {
                color: rgb(132, 9, 247);
            }
        }

        @media (min-width:600px) {
            p {
                color: rgb(79, 79, 226);
            }
        }

        @media (min-width:750px) {
            p {
                color: rgb(56, 209, 236);
            }
        }

        @media (min-width:800px) {
            p {
                color: rgb(29, 196, 43);
            }
        }

        @media (min-width:960px) {
            p {
                color: rgb(238, 187, 20);
            }
        }

        @media (min-width:1100px) {
            p {
                color: rgb(219, 20, 20);
            }
        }
    </style>
</head>

<body>
    <p>
        我的颜色会随着屏幕大小的变化而变化。
    </p>
</body>

</html>