CSS - 在横向和纵向位置之间切换

Question

我尝试将我的网站改编为智能手机。我使用媒体类型来做到这一点：

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) { 
    /* Style here */
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) { 
    /* Style here */
}

测试：我对网页充电并且看起来很完美（例如肖像模式），更改智能手机的方向并且网页完全适应横向模式，但是回归到纵向模式并且网站转为“PC模式”（不使用横向模式）。

我该怎么做才能解决这个问题？

Answer 1

我解决了。

我使用了另一种媒体类型：

  

@media（方向：肖像）{

     

}

（例如肖像模式）

现在每次我改变方向时它都有效。