在移动Web应用程序中将屏幕方向固定为横向或纵向

Question

我正在建立一个移动网站，其中某些页面只能以横向或纵向打开。我试图通过使用条件

使用jquery来做到这一点

if(width<height) {
    $('body').addClass('landscape');
}

在横向CSS中，我使用CSS变换旋转屏幕。

这种方法是好还是有更好的方法。