-1

適切と思われる場所では、画像の代わりに css シェイプを使用しようとしています。

<li>現在、次のようにリンクの最後に白い三角形を追加することを目指しています。

ここに画像の説明を入力

これは、微調整するための JSFiddleです。

私はしばらくそれを使用してきましたが、初心者の開発者として、アプローチを見つけることができませんでした! ナビゲーション バーのものは、css と html の下部にあります。可能な場合は em とパーセントを使用して結果の応答性を維持しようとしていますが、実際にはこの三角形の高さは nav_option クラスと同じである必要があります (テキストがウィンドウ調整によって次の行にノックされた場合、高さが 2 倍になる可能性があります)。

アドバイス/解決策はありますか?とても有難い!

編集:私の相対的なフォントサイズのためにこれが不可能な場合は、別の解決策を詳しく教えてください。Javascript の使用を提案することは役に立ちますが、私のような初心者には少し漠然としています。

4

2 に答える 2

0

ボーダーハックを使用してこの形状を作成しているため、必要な測定値である font-size は適用できません。行の折り返しを検出し、それに応じて境界線の寸法を調整するには、JavaScript ソリューションが必要です。

于 2012-08-07T18:30:56.650 に答える
0

フォント サイズは上位要素の font-size と相対的であり、親要素の幅や高さとは関係ありません。したがって、レスポンシブなフォントサイズを使用するには、jquery プラグイン (FitText) を使用するか、JS をビルドしてみてください。

http://fittextjs.com/

于 2012-08-07T18:14:32.003 に答える