自適應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;
  }
}