如何针对不同手机的横屏模式

how to target landscape mode in different mobile phones

本文关键字：模式 手机 何针      更新时间：2023-09-26

我试图删除一个javascript事件仅到手机是在横向模式。我尝试使用CSS媒体查询不成功，但我找不到正确的答案。

作为一个例子，如何覆盖一个代码，检测横向模式至少为iphone4和三星Galaxy 3?两者都是移动设备，但尺寸不同。

是否有媒体查询解决方案，仅针对横向移动设备?

是否有一个javascript解决方案，仅针对景观移动设备?

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}
相关文章：