Comment gérer les composants dans une conception réactive étant plus grande à des points d'arrêt plus petits?

1. Dans quelle tailles de point d'arrêt devrions-nous concevoir des sites Web et des applications réactives?
2. Combien de points d'arrêt devrions-nous idéalement avoir?

Dans quelle tailles de point d'arrêt devrions-nous concevoir des sites Web et des applications réactives?

Avec un grand nombre de cibles de l'appareil et de tailles d'écran à travers l'écosystème Windows, plutôt que d'optimiser votre interface utilisateur pour chaque appareil, nous avons recommandé de concevoir pour quelques catégories de largeur de clé (également appelées "points d'arrêt"): petit (petit à 640px) moyen (641px à 1007px) grand (1008px et plus)

Combien de points d'arrêt devrions-nous idéalement avoir?

Bien qu'il n'y ait pas d'ensemble universel de points d'arrêt ou de meilleures pratiques, vous devez utiliser au moins 3 points d'arrêt pour le plus de flexibilité de l'appareil (voir illustration). Lors de la conception de points d'arrêt spécifiques, considérez le contenu que vous avez. Ne créez pas de requêtes multimédias pour les appareils, construisez-le pour le contenu.