当屏幕大小低于480px时，我希望div宽度为100vw。我不明白为什么这不起作用：
#testdiv {
position: fixed;
top: 0;
left: 0;
width: 60vw;
height: 100vh;
background-color: #ff0000;
}
@media (max-width: 480px) {
#testdiv {
width: 100vw;
background-color: #0000ff
}
}<!doctype html>
<html lang="en">
<head>
<title>Test</title>
</head>
<body>
<div id="testdiv">
test
</div>
</body>
</html>当我更改屏幕大小时，什么都不会发生。
我想明白了，我必须在头上添加以下html标签：
<meta name="viewport" content="width=device-width, initial-scale=1.0">