私が同意するhttps://github.com/ChristianPeters/crispy-mobileからの引用:
CSS メディア クエリは便利です。しかし、モバイル用ではありません。
モバイル デバイス用にコードを削減するのではなく、クライアントに送信するコードを追加するだけです。
レスポンシブな製品ページを作成するとします。
Do you really want to deliver a big 90KB product photo, if a 15KB photo would already fill the mobile screen?
Do you really want to compute personalized product recommendations if they are just hidden afterwards?
Do you really want mobile devices to download and interpret your whole stylesheet if half of the interface elements are going to be hidden anyway?
あなたはそうしない。
モバイル ファーストを開始する場合は、追加のデスクトップ機能によってモバイル パフォーマンスが影響を受けないようにしてください。
親切に、クライアントが必要としているものを正確に提供してください。
モバイル インターネットが十分に高速で、制限がそれほど低くない場合は、おそらく別の方法で考えるでしょう。しかし、それには数年待たなければなりません。今のところ、モバイル サイトを別に作成する方がよいと思います。しかし、レスポンシブ デザインを使用することも非常に便利です。別のモバイル デザインを使用しても問題ありません。