0

私の問題は、ツールチップの配置に関するものです。

私が適応させたスクリプトは、絶対配置を使用して、ツールチップをリンクから数 em の位置に配置します。大画面の場合、これはうまく機能します。

ただし、画面が縮小されると、テキストがブラウザーの端近くに表示され、ツールチップが端からはみ出して表示されることがあります。

これに対抗するために、私は独自のハック的な解決策を思いつきました: @media スクリーンと (max-width: 480px) を使用して、完全に理解していない小さなスクリーン幅の相対的な配置ルールを含めるだけです。これは機能しますが、エレガントとは言えません。

理想的には、ツールチップは、画面の端に合わせて画面の端に「押し込まれ」ます。ただし、これを実現する方法はわかりません。

うまくいけば、それは理にかなっています。

とにかく、これは私がこれをすべて使用したページへのリンクです(ツールチップのテキストには点線の下線が付いています) 。これはその背後にある CSSです。

4

1 に答える 1

0

em を使用する代わりにパーセンテージを使用しますが、パーセンテージは常にツールチップのサイズの親のパーセンテージになることを覚えておく必要があります。

于 2012-07-26T11:58:35.980 に答える