移动Web应用程序屏幕方向设计

Question

我正在设计一个用户界面网页，可以通过设备的浏览器在移动设备上查看。设计两个界面是常见的，一个用于纵向，一个用于横向？肖像视图看起来很好但是当我翻转到景观时，事情当然是拉长的。关于最佳实践的任何想法在这里？

Answer 1

通常的做法是为不同的窗口方向设计两个接口。 检查窗口方向。

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

    }, false);

每次更改时，将纵向和横向模式的不同CSS类应用于网页上的元素。