Question sur la conception Web fluide [fermée]

Question

Il existe 2 manières de mettre en œuvre un design fluide (une qui s'ajusterait à la taille de l'écran sur lequel il est visualisé) ;

Approche 1 :Nous pouvons simplement utiliser la taille disponible du navigateur (ou la largeur/hauteur de la fenêtre) et définir en conséquence notre CSS....C’est équivalent à l’utilisation, par exemple, d’un CSS @media max-width :320px Dans cette approche, même un navigateur de bureau qui est comprimé à une très petite taille afficherait le même design que sur un appareil mobile

Approche 2 :Nous concevons notre CSS en fonction de l'appareil sur lequel il est consulté (ordinateur de bureau/mobile/tablette).Cela équivaut à utiliser, par exemple, un CSS @media min-device-width:768px

Donc, si vous voyez, il y a une différence dans la façon dont nous identifions le CSS à appliquer en fonction de la "largeur" ​​OU de la "largeur du périphérique".

Ma question ne concerne PAS les requêtes multimédias et COMMENT les appliquer.

Ma question est de savoir laquelle des 2 approches de conception devrait être la préférée, quels sont les avantages/inconvénients pour l'une ou l'autre ?Devrions-nous concevoir pour un appareil OU devrions-nous concevoir pour la zone de navigateur disponible ?