0

我有以下测试页：***

分辨率为 1920x1080 时，图标栏位于紫线上方。在任何其他决议上，它不再是。完成此任务的最佳方法是什么（如果可能，不使用 javascript）？

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

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

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

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

4

2 回答 2

2

文本绝对定位在窗口的右侧和底部边缘，因此解决方案是将背景也定位在那里。更改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;
}
于 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 回答