レスポンシブウェブサイト、CSSの種類は、私が電話で私のウェブサイトが応答したい

Question

幅...

私の質問私はどのようなタイプ

に私は@mediaにそれを作る幅（CSS）を知りたいれます

たとえば電話私は768pxを作成します。

Answer 1

いいえ、あなたはそうしません。レスポンシブデザインでは、デバイスや幅をターゲットにしたWebページは作成されません。応答性（または適応性）のデザインは、ページがレンダリングされているデバイスのビューポートにページが応答することを意味します。

あなたがする必要があるのは、あなたが満たすべき領域を埋めるためにコンテンツを拡大することです。あなたのコンテンツがうまくいっていない場合（デザインはうんざりのように見えます）、コンテンツを調整する必要があります。

768px幅のデバイスは、電話機、タブレット、またはデスクトップブラウザで最小化されていることを、どうやって知っていますか？ 768pxでランドスケープモードになっていても、同じ電話機がポートレートと320pxに回転するのはどうですか？そのため、デバイスをターゲティングできません。

注：デバイスは、携帯電話、または他のモバイルデバイスであるが、それは必ずしも信頼できるものではありませんし、それに取り組むために余分な労力を必要とするかどうか、ポイントを検出するための方法があります。

Answer 2

300pxから開始し、幅を徐々に広げてブラウザのウィンドウを（多分Chrome Dev Toolsで）サイズを変更します。 一般的なデバイスの寸法をviewportsizes.comとするか、すでにchrome開発ツールにあるデバイスを参照すると便利です。 内容に集中し、内容が決済される必要がある場合はブレークポイントを設定する必要があります。 そして、それはあなたに敏感なウェブデザインテクニックを教えるコースに従うことがさらに良いでしょう。