自适应CSS不起作用

Question

堆栈溢出的大家好，我有问题。 我的低分辨率响应式CSS无法正常工作，这是一个示例。

@media (min-width: 320px) and (max-width: 580px) {
.post_wrap_bg {
width: 460px;

height: 460px;
}
}
@media (min-width: 10px) and (max-width: 320px) {
.post_wrap_bg {
width: 360px;
height: 360px;
}
}

> 320不起作用，我可能做错了什么？

Answer 1

您有错字：

widht: 460px;

应该

width: 460px;

修复它，它将按预期工作。

Answer 2

你应该这样尝试

@media (min-width: 321px) and (max-width: 580px) {
  .post_wrap_bg {
    width: 460px;
    height: 460px;
  }
}

@media (min-width: 10px) and (max-width: 320px) {
  .post_wrap_bg {
    width: 360px;
    height: 360px;
  }
}