0

次のテストページがあります: ***

解像度が 1920x1080 の場合、アイコン バーは紫色の線の上にあります。他の解像度では、それはもうありません。これを達成するための最良の方法は何ですか(可能であればjavascriptなしで)?

私も div 要素を自動的にスケーリングしたいと思っていますが、これは 2 番目の問題にすぎません。主な問題は、常に特定の位置にあることです。ご覧のとおり、 % は機能しません。

#icons {
position: absolute;
right: 11%;
bottom: 12%;
width: auto;
height: auto;

z-index: 8;
max-width: 60%;
}

「rem」またはそれらの行に沿って何かを使用する必要がありますか (試しても機能しませんでした)? これを行う方法はありますか?サイズを変更しても常に同じままであるため、要素を左上隅に配置するのは明らかに非常に簡単です。この位置には、追加のツールバーなどの問題もあります。たとえば、ブラウザのツールバーを非表示にするとすぐに位置が変わります。どんな助けでも大歓迎です!

4

2 に答える 2

2

テキストはウィンドウの右端と下端に絶対的に配置されるため、解決策は背景もそこに配置することです。に変更top centerbottom rightます。

body {
  font-family: Arial, "Myriad Pro";
  font-size: 11px;
  color: #ffffff;
  background: #202020 url(img/body_back.jpg) no-repeat bottom right fixed;
  background-size: cover;
}
于 2013-05-09T17:22:55.123 に答える
2

試してみることを考えましたか:

#icons {
  position: fixed;
  right: 11%;
  bottom: 12%;
  width: auto;
  height: auto;
  z-index: 8;
  max-width: 60%;
}

fixed同じ場所にとどまりたいものに使用します。通常は、設定された場所にとどまるように「修正」します。

于 2013-05-09T17:24:05.077 に答える