如何在不同的手机中定位横向模式

Question

我正在尝试仅删除处于横向模式的手机的 javascript 事件。我尝试使用 CSS 媒体查询失败，但我找不到正确的答案。

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

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

是否有仅针对横向移动设备的 javascript 解决方案？

Answer 1

/* 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 */
}