私はこれらのような事前定義デバイス幅を持っている場合、理解するのに役立つ必要があります。デバイス幅とデバイスの高さ
は、その後どのように私は、デバイスにを知ることができます高さ？ 1ページのサイトでは、768px x 900px、それ以外の方法では768px x 750pxのように見えます。
希望します。私たちは、HTMLボディコンテンツ内のコンポーネントを揃えることができます幅に基づいて、HTMLの本文の内容に自動：
乾杯、
サンドラP.
高さは、高さをmatter.setしません。
テスト応答ウェブサイト：応答性の設計では https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/?hl=en
、（実際にはWebデザイン、一般的に）操作したり、コンテンツや高さによってインターフェイスの外観を変更することは本当にお勧めしません。
ユーザーは通常、コンテンツを参照しているときに「スクロールダウン」の動きをします。これは、ハンドヘルドデバイスとデスクトップコンピュータの両方で同じです。
コンテンツを幅で管理する方が良い方法ですが、実際に高さを知る必要はありません。
実際にはあまり使用されていないため、高さの参照のリストを少しでも挙げることができますが、それは正確ではありません。
Extra small devices Phones (<640px)
Small devices Tablets (≥640px)
Medium devices Desktops (≥820px)
Large devices Desktops (≥900px)
Google Chrome開発ツールの反応テストモジュールもお勧めします。さらに、異なるサイズのデバイスや画面サイズでデザインの視覚的な外観をテストするためのオンラインアプリやキットがたくさんあります。
注意最も一般的なデバイスの画面サイズを使用することも良いアプローチかもしれません。
一般的なハンドヘルドデバイスのリストとその高さです。
すべてのデバイスとその画面サイズについては、このリンクをチェックしてください。 http://mydevice.io/devices/
メディアクエリで「方向付け」を求めることができます。たとえば、 '@media screenと（orientation：landscape）{...}'とします。それはあなたが探している/聞いていることですか？また、メディアクエリで 'device-width'を使用しないでください。あなたはたぶん 'width'を必要とします。 – connexo
Uhm、私はメディアクエリにコードを書き込む方法を知っていますが、私はどこからそれらの番号を取得するか分からない（デバイスの高さのピクセルを参照）。私はどこでもデバイス幅の値を見つけることができますが、どうすればノートパソコンで正しくテストできますか？ブラウザのサイズを変更するにはどうすればよいですか？私の画面は1920 x 950です。レスポンシブウェブサイトをテストするにはどうすればよいですか？ –
ブラウザウィンドウのサイズを変更するだけでも構いません。また、デベロッパーツールでwebkit/firefox応答モードを使用することもできます –