Web applications 移动Web应用屏幕定位设计

我正在设计一个用户界面网页，可以通过移动设备的浏览器在移动设备上查看。设计两个界面（一个用于纵向，一个用于横向）是否常见？纵向视图看起来不错，但当我切换到横向视图时，当然会拉伸。这里有关于最佳实践的想法吗？

通常为不同的窗口方向设计两个界面。 检查窗口方向

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

    }, false);

---

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

通常为不同的窗口方向设计两个界面。 检查窗口方向

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

    }, false);

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