Question

我有以下测试页：***

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

虽然我也希望自动拥有div元素比例，但这只是第二个问题。主要问题是让它始终处于特定的位置。你可以看到％没有用。

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

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

我是否必须与＆＃34; rem＆＃34;或者沿着那些方向的东西（当我尝试它时也没有工作）？有没有办法做到这一点？在左上角有一个元素显然非常容易，因为即使在调整大小时它也总是保持不变。对于这个位置，还存在额外工具栏或类似工具的问题 - 例如，一旦隐藏浏览器的工具栏，位置就会改变。任何帮助表示赞赏！

Answer 1

文本绝对位于窗口的右下边缘，因此解决方案是将背景定位在那里。将top center更改为bottom 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;
}

Answer 2

你有没有想过尝试：

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

我使用固定的东西我想留在同一个地方，它通常“修复”它留在原来的位置

在窗口调整大小时，元素始终位于相同位置

2 个答案: