移動Web應用程序屏幕方向設計

Question

我正在設計一個用戶界面網頁，將通過設備的瀏覽器在移動設備上進行查看。設計兩個界面，一個用於縱向還是一個用於景觀，這很常見？縱向視圖看起來很好，但是當我翻轉景觀時，事物當然會延伸。任何關於最佳實踐的想法？

Answer 1

爲不同的窗口方向設計兩個接口是一種常見的做法。 檢查窗口方向。

//Listen for resize changes 
    window.addEventListener("resize", function() { 
     // Get screen size (inner/outerWidth, inner/outerHeight) 

    }, false); 

每當它發生變化時，將縱向和橫向模式的不同CSS類應用於網頁上的元素。