Ipadビューポートのポートレートの問題

Question

私はipadに出てくるウェブページを持っています。私の体のウェブページの幅は960ピクセルで、可変の高さです。

私は、ビューポートのために、このメタを追加しました：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> 

私はsceenで私のWebページの100％を確認したいです。風景ではうまくいきますが、自分のビューポートを変更して自分のウェブページの100％を風景や肖像画で見る方法を見つけることができません。

現在、自分のウェブページの幅の60％が肖像画に表示されています。

私はJSスクリプトやメディアクエリを追加したくありません。私のウェブページは反応しません。

Answer 1

私はこのコードを使用して、私の目標を達成：

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) { 
    body { 
    width: 768px; 
    } 
} 

どうやらそれはiPad用の固有のコードですが、それはあまりにもネクサス9.0および表面でうまく動作。

誰かが同じようにするJSスクリプトを持っているなら、私はそれをチェックすることに興味があります。

Answer 2

あなたは静的な幅を持ち、iPadはポートレートモードでは幅が狭いです。静的な幅を調整することなくこれを解決することは不可能です。たぶん、あなたはまだJSやメディアのクエリを検討する必要があります。ここでは寸法に関するより多くの情報をウェブサイトである：http://www.websitedimensions.com/