1

スマートフォン、Androidデバイス、iPhone用のウェブアプリを作成する途中です。しかし、私は、Webアプリがポートレイトのスクリーンオリエンテーションしか許さない方がいいと思っていたので、ユーザーが自分の携帯電話をどのように保持していても、常にポートレートにとどまります。Android/iPhoneウェブアプリの画面の向きを制御する方法

基本的に私が知りたいことは、JavaScript、HTMLメタタグ、CSS、またはPHPを使用して、AndroidとiPhoneの両方の画面を常に肖像画のままにすることができることです。

答えて

0

ウィンドウオブジェクトの「サイズ」、「幅」、および場合によっては「方向」プロパティを読むことができます。 「リサイズ」イベントが発生したときに、JavaScriptイベントを発生させるイベントリスナーを設定します。

私が知る限り、実際にはの制御は回転できません。

ここでデモです:(私は私のウェブページ、http://douglassims.org/rotation.htmlにそれを掲示)

<head> 

    <script> 

    function checkRotation() {document.getElementById('orientationlabel').innerHTML='Orientation: ' + window.orientation + ' Width: ' + screen.width + ' Height: '+screen.height;} 
    function load() {window.addEventListener('resize', checkRotation, false);} 
    </script> 

</head> 

<body onload='load();'> 
    <center> 
    <h2 id=orientationlabel>Nothing yet</h2> 

</body> 
関連する問題