链接和文本的CSS位置在特定的屏幕尺寸/分辨率上被汇总

问题描述 投票:0回答:1

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

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

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

如何确定它在任何屏幕尺寸/分辨率下的显示效果?

css
1个回答
0
投票

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

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

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.