カンマで区切ることで、条件の「OR」を満たすことができます。
@media only screen and (max-width: 480px), (max-device-width: 480px){
///
}
userAgentを使わずに、mediaQueryだけでPCではレスポンシブ、SPではSPレイアウトを表示させたいときは上記のように
書くのが最適解なのではないかと思っています。
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme