可以判斷，然后提示用戶進行旋轉

if(window.orientation==90||window.orientation==-90){
    alert("橫屏狀態！")
}

或者監聽旋轉事件

window.onorientationchange = function(){ 
    switch(window.orientation){ 
        case -90: 
        case 90: 
            alert("橫屏:" + window.orientation);        case 0: 
        case 180: 
             alert("豎屏:" + window.orientation);        break; 
    } 
}

css的媒介查詢也是能判斷的

@media (orientation: portrait) { } 橫屏 @media (orientation: landscape) { }豎屏

不過還是有解決方案的：
打開頁面時通過window.orientation可以判斷網頁是橫屏還是豎屏，如果是豎屏，給整個頁面添加樣式

transform: rotate(90deg);

這樣，你的頁面就顯示橫屏的效果了。