Css 使一个元素始终位于窗口调整大小的相同位置

我有以下测试页面：***

图标栏的分辨率为1920x1080，位于紫色线上方。 在任何其他决议中都不再是这样了。 实现这一点的最佳方法是什么（如果可能，不使用javascript）

虽然我也想让div元素自动缩放，但这只是第二个问题。主要问题是让它始终处于特定的位置。 正如您所看到的，%不起作用

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

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

我是否必须使用“rem”或类似的东西（我尝试时也不起作用）？有没有办法做到这一点？ 在左上角有一个元素显然是很容易的，因为即使调整大小，它也会保持不变。 使用此位置还存在额外工具栏或类似工具栏的问题-例如，一旦隐藏浏览器的工具栏，位置就会改变。

---

感谢您的帮助

文本绝对位于窗口的右边缘和下边缘，因此解决方案是将背景也放置在那里。将

上中

更改为

右下

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;
}

---

文本绝对位于窗口的右边缘和下边缘，因此解决方案是将背景也放置在那里。将

上中

更改为

右下

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;
}

---

您是否想过尝试：

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

---

我使用

fixed

对我想呆在同一地点的东西，它通常会“修复”它，使其保持在原来的位置。

你有没有想过尝试：

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

---

我使用

fixed

对我想留在同一地点的东西，它通常会“修复”它，使其保持在固定的位置。

简单但有效的解决方案，谢谢！现在有没有办法根据浏览器的大小调整#icons div（一幅图像）的内容？如果使用例如最大宽度：60%，则仅当浏览器非常小时才调整大小。它应该调整大小，使它始终保持在完全相同的位置？不，对不起，我似乎想不出一种方法，使div在变小时保持在相同的位置。您需要一个

min right

属性或其他不存在的东西。简单但有效的解决方案，谢谢！现在有没有办法根据浏览器的大小调整#icons div（一幅图像）的内容？如果使用例如最大宽度：60%，则仅当浏览器非常小时才调整大小。它应该调整大小，使它始终保持在完全相同的位置？不，对不起，我似乎想不出一种方法，使div在变小时保持在相同的位置。你需要一个

minright

属性或其他不存在的东西。好吧，我认为主要问题是背景图像（李斯特先生写的），谢谢你的回复！没问题，我明白你的意思，因为背景在调整，而不是图标。嗯，我认为主要问题是背景图像（李斯特先生写的），谢谢你的回答！没问题，我明白你的意思，因为背景在调整，而不是图标。