İPhone Web Uygulaması inşa ediyorum ve portre modu için yönünü kilitlemek istiyorum. bu mümkün mü? Web-kit tüm uzantıları bunu yapmak için var mı?

Lütfen bu uygulama HTML ve JavaScript ile yazılmış Mobil Safari için not, yerel bir uygulama Objective-C ile yazılmış DEĞİLDİR

Bu çok hacky bir çözümdür, ama en azından bir şeydir(?). Fikri bir CSS-yarı portre modu için Sayfa İçeriğini döndürmek için dönüşümü kullanmaktır. Burada başlamak için bir WordPress kullanmak olarak ifade edilmiştir) JavaScript kodu

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

Kodu sayfanızın tüm içeriğini sadece body öğesi içinde bir div içinde yaşamayı bekliyor. Div yatay olarak 90 derece Modu - Portre için geri döner.

Dıv kendi Merkez etrafında döner, konumu muhtemelen tam bir kare değilse düzeltilmesi gerekir. okuyucuya bir egzersiz olarak bıraktı:

Ayrıca, zevksiz bir görsel sorun var. Yönünü değiştirdiğinizde, Safari yavaş yavaş döner, daha sonra üst düzey div 90degrees farklı uydurur. Daha fazla eğlence için ekleyin

body > div { -webkit-transition: all 1s ease-in-out; }

CSS için. Cihaz döndüğü zaman, daha sonra Safari yapar, sonra sayfanızın içeriği. Aldatıcı!