响应式设计中处理安卓横屏屏幕宽度的方法

在安卓设备上，当浏览器窗口的clientWidth属性用于获取视口的宽度时，如果设备处于横屏模式，则clientWidth返回的值可能不会反映出设备实际的屏幕分辨率。

在大多数安卓设备上，浏览器会以竖屏模式为基准，来确定clientWidth的值。当设备横屏时，虽然屏幕的物理分辨率变高了，但clientWidth的值通常不会改变，以保持相对的布局一致性。

如果你需要获取设备横屏时的实际屏幕宽度，你可以使用window.screen.width。

示例代码：

// 获取当前窗口的宽度
var viewportWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

// 获取屏幕的宽度
var screenWidth = window.screen.width;

// 检测设备方向变化
window.onorientationchange = function() {
    if (window.orientation === 90 || window.orientation === -90) {
        // 横屏模式
        alert('当前屏幕宽度为：' + screenWidth);
    } else {
        // 竖屏模式
        alert('当前窗口宽度为：' + viewportWidth);
    }
};

在上述代码中，我们使用了window.onorientationchange事件监听器来检测设备方向的变化，当设备从横屏切换到竖屏或者反过来时，会弹出相应的提示信息。在横屏模式下，可以通过screen.width获取实际的屏幕分辨率宽度。