我用HTML和CSS制作了一个网站。所有链接和信息的位置都是通过CSS通过以下方法完成的:
position: absolute;
top; Xpx;
right; Ypx;
它在我的屏幕上看起来不错,但现在在不同的屏幕上一切都一团糟。。。
我如何确保它在任何屏幕大小/分辨率上都是我想要的样子?
如果没有看到问题的例子,很难给你一个好的答案。
现在,对所有事物使用纯粹的绝对定位通常不是一种好的做法。
您从右上角开始计算位置,因此在较大/较小的显示器上,看起来位于显示器中心的东西将处于不同的位置。而且,在较小的显示器上,事情可以在屏幕外运行。
如果在响应元件中使用绝对位置,则应注意它们的定位方式以及它们的高度/宽度的定义方式。
如果我从容器的左边缘放置10px的东西,使其宽度为200px,并且容器的大小随着窗口的大小而变化,那么我的绝对定位元素可能会出现在不合适的位置,或者从容器中伸出。另一方面,如果我将其设置为left: 10%;
width: 80%
,那么右侧也会留出10%的空间,并且它会随着容器而缩放。
一般来说,绝对定位应该在其行为可以预测和解释的元素中使用。