上記のような形のレスポンシブ対応ステップバーを作りたいのですが、
テキスト+CSSだけで作るとしたらどのような方法があるでしょうか?
対応ブラウザは
・IE10+
・Chrome/Safari/Firefox最新版
・iOS7+
・Android4.3+
です。
矢印部分の角度がデザイン通りではない状態(正方形を45℃回転)であれば
一応テキスト+CSSで作れなくはないのですが、
border付きの矢印部分接合部があまり美しくない上、
ステップアイテム幅にcalc()が必要となり、
Android4.3でカラム落ち状態となってしまいました。
可能な限りデザインを忠実に再現しつつ、
レスポンシブに対応するようにテキスト+CSSで実装する方法がありましたら
ご教授いただけますと助かります。
よろしくお願い申し上げます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。