Html Div宽度不随响应css而改变

当屏幕大小低于480px时，我希望div宽度为100vw。我不明白为什么这不起作用：

#testdiv{
位置：固定；
排名：0；
左：0；
宽度：60vw；
高度：100vh；
背景色：#ff0000；
}
@介质（最大宽度：480px）{
#testdiv{
宽度：100vw；
背景色：#0000ff
}
}

测验
测验

我想出来了，我必须在头部添加以下html标记：

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

对我来说效果很好-您页面中的其他内容可能是导致问题的原因。我已将您的代码添加到一个代码段中，您可以看到它非常有效。如果它在您的项目中不起作用，则是其他原因导致了问题。请将此

添加到head标记中。还要注意，任何“块”级元素（显示：块）的宽度默认为其父元素的100%：）