1

私は 1024 x 768 の Web ページを持っていますが、Nexus 7 Chrome (2013 年 3 月 5 日現在) 以外はどこでも問題なく動作します。

多くのビューポート メタ タグやその他の手法を試しましたが、私のページは常にトリミングされており、このデバイスの 1280 ピクセルに収まりません。iPad と iPhone で正常に動作します。

4

1 に答える 1

2

ビューポートが正しく設定されていない可能性があります。ここでテストしましたhttp://jsbin.com/ubumef/latest次のコードと正しい幅にスケーリングされたビューポートを使用します。

<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>Viewport Width: 1024px</title>
    <meta name="viewport" content="width=1024px" />
  </head>
  <body style="margin:0px;">
    <div style="width: 1024px; background-color:red;">This is 1024px</div>
    <div style="width: 512px; margin-top: 5px; background-color:blue;">This is 512px</div>
  </body>
</html>
于 2013-03-11T13:14:59.993 に答える