メニューの背景画像を含むwidth: 656pxとの画像があります。height: 60px各メニュー ボタンにはファイル内の既知の位置があるため、私のメニュー ›media‹ のメニュー ボタンは (188x, 0y), 104w, 30h です。
各liには独自の一意の ID があります。
パーセンテージとして値が必要な場合（それは可能な解決策かもしれませんが、まだ理解できないため）、それは（28.659％x、0％y）、15.854％w、ファイルの50％hです。
実際のメニューの高さは 1em または 2em などです。
だから、CSSで何とか達成しようとしていること：
- 李の高さを保ちます。
- 縦横比を保持 (>media‹ の場合は 3.466:1)
- それぞれ
<li>の幅を高さの 3.466 倍にする - ソースからの背景で塗りつぶし、それに応じて背景を伸ばしたり縮めたりします。
まあ、ある種の疑似コードでは、これは簡単です:
li.w = li.h * 3.466;
StretchBlt(src,188,0,104,30,li,0,0,li.w,li.h);
しかし、CSS でそれを行うにはどうすればよいでしょうか。