Fluid Webデザインに関する質問[閉じた

Question

流体設計を実装できる2つの方法があります（表示されている画面サイズに適応するもの）。

アプローチ1：利用可能なブラウザサイズ（またはビューポート幅/高さ）を使用して、それに応じてCSSを定義できます。非常に小さなサイズに絞られていると、モバイルデバイスと同じデザインが表示されます

アプローチ2：表示されているデバイス（デスクトップ/モバイル/タブレット）に基づいてCSSを設計します。これは、CSS @media min-device-width：768pxと言うことと同等です

したがって、「幅」または「デバイス幅」に基づいて適用するCSSを特定する方法には違いがあります。

私の質問は、メディアクエリとそれらをまったく適用する方法についてではありません。

私の質問は、2つのデザインアプローチのうちどれが好ましいものであるべきか、それらのいずれかの長所/短所はどれですか？デバイス用に設計する必要がありますか、それとも利用可能なブラウザエリアに設計する必要がありますか？