响应式css不起作用

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

@仅媒体屏幕
和（最小宽度：320px）
和（最大宽度：480px）
和（方向：纵向）{
//css在这里
}

和设备分辨率

@仅媒体屏幕
和（最小宽度：360px）
和（最大宽度：640像素）
和（方向：纵向）{
//css在这里
}

但是

360px*640（方向：纵向）

css不起作用。它采用默认的320px*480px CSS。 如何编写在

360px*640（方向：纵向）

设备上工作的css。

试试这个：

@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
}

---

让我们看看你的代码，然后请参考此用法！重要提示：360px*640编辑问题以包含代码，使用工具正确格式化编辑问题以包含代码，使用工具正确格式化

max device-*

和

min device-*

不推荐使用。使用

max-*

和

min-*

代替320是宽度，480是高度，那么为什么所有

max-width

和

min-width

？