响应式 CSS 不起作用

Question

我正在使用

为设备分辨率编写单独的 css

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) { // css goes here }

和设备分辨率

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) { // css goes here }

但是360px*640(orientation:portrait) css 不工作。它采用默认的 320px*480px CSS。 我如何编写在360px*640(orientation:portrait) 设备上工作的css。

Answer 1

试试这个：

@media only screen 
  and (min-width: 320px)
  and (max-width: 360px) 
  and (orientation: portrait) {
  // 360px width goes here
}

@media only screen 
  and (max-width: 320px) 
  and (orientation: portrait) {
  // 320px width goes here
}