0

私は4つの異なるレイアウトが必要なプロジェクトに取り組んでいます:

  • デスクトップ+ラップトップ;
  • タブレット ランドスケープ;
  • タブレットのポートレート。
  • モバイル。

テスト目的で、Opera ブラウザとそのページ ズームを使用しています。また、Opera (および私のラップトップの他のすべてのブラウザー) では、ページをズームインまたはズームアウトすると、レイアウトが正しく変更されます。しかし、スマートフォンとタブレットで同じページを開くと、デスクトップ レイアウトが表示されます。私のプロジェクトの一時アドレスは次のとおりです。

http://tiip.dit.rs/tiip2

誰が私が間違っているのか考えていますか?

4

3 に答える 3

1

Chrome で開発者ツールを開くと、右下隅に小さな歯車があります。設定では、ユーザー エージェントを選択できます。これにより、Chrome はさまざまなデバイスと同様に動作します。お役に立てればChrome 開発ツール

于 2013-05-24T16:24:43.823 に答える
0

このリンクの方が役立つと思います

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

そして最初にあなたのHTMLに

追加 

 <meta name="viewport" content="width=device-width, initial-scale=1.0">
于 2013-05-24T16:21:14.073 に答える