链接和文本的CSS位置聚集在一定的屏幕大小/分辨率上



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

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

它在我的屏幕上看起来不错,但现在在不同的屏幕上一切都一团糟。。。

我如何确保它在任何屏幕大小/分辨率上都是我想要的样子?

如果没有看到问题的例子,很难给你一个好的答案。

现在,对所有事物使用纯粹的绝对定位通常不是一种好的做法。

您从右上角开始计算位置,因此在较大/较小的显示器上,看起来位于显示器中心的东西将处于不同的位置。而且,在较小的显示器上,事情可以在屏幕外运行。

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

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

一般来说,绝对定位应该在其行为可以预测和解释的元素中使用。

相关内容

  • 没有找到相关文章

最新更新