как заблокировать ориентацию ipad в альбомной ориентации для мобильных веб-приложений

Question

Может кто-нибудь сказать, как заблокировать ориентацию ipad в альбомной ориентации для мобильных веб-приложений.даже если он перевернется, он не должен поворачиваться в портрет.

     function reorient(e) {
        var portrait = (window.orientation % 180 != 0);
        $("body").css("-webkit-transform", !portrait ? "rotate(90deg)" : "");
        alert("hi");
      } 
       window.onorientationchange = reorient;
       window.setTimeout(reorient, 0)

Я попробовал этот код, но он влияет только на дизайн.где, как в моем случае это должно перевернуть

Answer 1

Вы можете контролировать CSS в обеих ориентациях с помощью медиазапроса

media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)

Lèse majesté написал хороший ответ на этот вопрос здесь, который включает в себя противодействие ротации с помощью jquery: Блокировка ротации устройства на мобильном телефоневеб-страницы

$(window).bind('orientationchange resize', function(event){
  if(event.orientation) {
    if (event.orientation == 'landscape') {
      if (window.rotation == 90) {
        rotate(this, -90);
      } else {
        rotate(this, 90);
      }
    }
  });

function rotate(el, degs) {
  iedegs = degs/90;
  if (iedegs < 0) iedegs += 4);
  transform = 'rotate('+degs+'deg)';
  iefilter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation='+iedegs+')';
  styles = {
    transform: transform,
    '-webkit-transform': transform,
    '-moz-transform': transform,
    '-o-transform': transform,
    filter: iefilter,
    '-ms-filter': iefilter
  };
  $(el).css(styles);
}