web-dev-qa-db-ja.com

水平ダッシュボード番号は、応答ページでどのように反応する必要がありますか?

UI上部の粘着性のある水平パネルにダッシュボード値のセットがあります。これらの数値は売上値であるため、ユーザーにとって非常に重要です。

レイアウトは次のようになります。

enter image description here

しかし、ご想像のとおり、幅の狭い画面では、数字が側面から溢れ始めます。

上部パネルの形状が変化しないはずなので、小さなデスクトップ画面でこれらの数値を表示するための最良の解決策として何を提案しますか?下のページでこれ以上の不動産をカバーしませんか?

16
gespinha

小さなデバイスで長い数値をカバーする最善の方法は、K、M、Bの値を使用することです。 10K、10.51Mなど...

レイアウトごとにこのコードペンのサイズを変更してみると、アイデアが得られます https://codepen.io/geoffyuen/pen/FCBEg

このページ には、考慮すべきいくつかの良い例があります。

25
DPS