Comment les numéros de tableau de bord horizontaux doivent-ils réagir sur une page réactive?
J'ai un ensemble de valeurs de tableau de bord sur un panneau horizontal collant en haut de l'interface utilisateur. Ces chiffres sont des valeurs de vente et sont donc très importants pour l'utilisateur.
La disposition ressemble à ceci:
Mais, comme vous pouvez l'imaginer, sur des écrans de plus petite largeur, les chiffres commencent à déborder sur les côtés.
Que suggéreriez-vous comme étant la meilleure solution pour présenter ces chiffres sur des écrans de bureau plus petits , étant donné que le panneau supérieur ne devrait pas changer de forme, ne couvrir plus de biens immobiliers sur la page ci-dessous?
La meilleure façon de couvrir des nombres longs sur de petits appareils est d'utiliser les valeurs K, M, B; comme 10K, 10.51M etc ...
Selon la mise en page, essayez de redimensionner ce codepen, vous aurez une idée https://codepen.io/geoffyuen/pen/FCBEg
Cette page a quelques bons exemples à considérer.