在某些屏幕尺寸/分辨率下,链接和文本的CSS位置被汇总

时间:2019-11-16 21:56:38

标签: css

我使用HTML和CSS创建了一个网站。所有链接和信息的位置都是通过CSS通过以下方法完成的:

position: absolute;
top; Xpx;
right; Ypx;

在我的屏幕上看起来不错,但是现在在不同的屏幕上,一切都乱七八糟了...

如何在任何屏幕尺寸/分辨率下确保它看起来像我想要的?

1 个答案:

答案 0 :(得分:-1)

很难在不看到问题示例的情况下给您一个好的答案。

如今,对所有内容都使用绝对绝对定位通常不是一个好习惯。

您是从右上角计算位置的,因此看起来在显示屏中央的内容将在大/小显示屏上的不同位置。而且事情可以在较小的显示器上在屏幕外显示。

如果您在响应元素中使用绝对位置,则应注意它们的位置以及高度/宽度的定义。

如果我从容器的左边缘放置10px的东西,使其宽度为200px,并且容器随窗口大小而改变大小,那么我绝对定位的元素可能会以不合适的位置结束,或者伸出容器。另一方面,如果我将其设置为left: 10%; width: 80%,那么这也会在右侧保留10%的空间,并且会随容器缩放。

通常,应在可以预测和解释其行为的元素内使用绝对定位。