risposta-alla-domanda-sullo-sviluppo-web-bd.com

Come dovrebbero reagire i numeri del dashboard orizzontale su una pagina reattiva?

Ho un set di valori di dashboard su un pannello orizzontale appiccicoso nella parte superiore dell'interfaccia utente. Questi numeri sono valori di vendita, quindi sono abbastanza importanti per l'utente.

Il layout è simile al seguente:

enter image description here

Ma, come puoi immaginare, sugli schermi con una larghezza inferiore, i numeri iniziano a traboccare sui lati.

Quale suggeriresti come la migliore soluzione per presentare questi numeri su schermi desktop più piccoli , dato che il pannello superiore non dovrebbe cambiare forma, quindi non ti occupi di altro immobile sulla pagina qui sotto?

16
gespinha

Il modo migliore per coprire numeri lunghi su piccoli dispositivi è utilizzare i valori K, M, B; come 10K, 10.51M ecc ...

Come da layout prova a ridimensionare questo codice, avrai un'idea https://codepen.io/geoffyuen/pen/FCBEg

Questa pagina ha un paio di buoni esempi da considerare.

25
DPS