老师麻烦看一下。

来源：3-23 编程练习

慕码人2001750

2021-08-11 15:39:19

<html>
<head>
    <meta charset="UTF-8">
<title>Document</title>
<style>
p{
color:red;
text-align:center;
}
/*此处写代码*/

        @media (max-width:1100px) {
            p {
                width: 100%;
                color: orange;
            }
        }

        @media (max-width:960px) {
            p {
                width: 100%;
                color: yellow;
            }
        }

        @media(max-width:800px) {
            p {
                width: 100%;
                color: green;
            }
        }

        @media(max-width:750px) {
            p {
                width: 100%;
                color: cyan;
            }
        }

        @media (max-width:600px) {
            p {
                width: 100%;
                color: blue;
            }
        }

        @media (max-width:450px) {
            p {
                width: 100%;
                color: violet;
            }
        }
</style>
</head>
<body>
<p>
我的颜色会随着屏幕大小的变化而变化。
</p>
</body>
</html>