最小宽度属性在智能手机上不起作用

Question

我不明白为什么，但是当我使用min-width属性时，宽度值在600px的a下不起作用： 超过1000px的是40vw 在600像素到1000像素之间，宽度为60vw 在600像素以下，宽度保持在60vw

我是否可以调整计算机窗口的大小，它可以工作，但是使用Chrome响应式测试器不起作用，在智能手机上它也不起作用。

你知道发生了什么吗？

这是我正在使用的代码：

.my_class {
	width: 80vw;
  background-color: red;
  height: 50px;
}

	@media screen and ( min-width: 600px ) {
		.my_class {
			width: 60vw;
		}
	}

	@media screen and ( min-width: 1000px ) {
		.my_class {
			width: 40vw;
		}
	}

<div class="my_class"></div>

谢谢。