检测到iOS设备使用JavaScript管理不同的UI大小

Question

我需要根据尺寸创建iOS设备差异，以使用javascript更改UI大小。我使用下面的javascript代码做了设备oreantaion。

function doOnOrientationChange()
  {
      switch(window.orientation)
      {
          case -90:
          case 90:
          alert('landscape');
          break;
          default:
          alert('portrait');
          break;
      }
  }

        window.addEventListener('orientationchange', doOnOrientationChange);

        // Initial execution if needed
        doOnOrientationChange();

我想创建不同的iOS设备检测，例如(iPhone4 height = 480, iPhone5 = 568, iPad = 768,etc...)，根据设备尺寸检测，我想更改页面内容大小，如下所示

<div id="container" style="height: 590px; min-width: 300px"></div>