Html Css取决于屏幕大小

我试着根据屏幕的大小来改变CSS，我试着用一个简单的例子来理解这个原理，只是它对我不起作用，下面是我的代码

@介质（最大宽度：800px）{
p{
颜色：红色；
}
}

Css取决于屏幕大小
这是一个测试段落

工作规则@媒体添加部分

：

这是一个非常广泛的问题，您的CSS看起来并没有错。你有没有尝试过一个很棒的在线教程，比如？你的例子很好（至少对我来说）当我改变屏幕大小时，我希望文本颜色是红色，但什么都没有发生。看，一切都很好…只是这还不够他还需要媒体查询知识以及如何有效地使用它们谢谢，这就解决了问题

<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1">