我使用HTML和CSS创建了一个网站。所有链接和信息的位置都是通过CSS通过以下方法完成的:
position: absolute;
top; Xpx;
right; Ypx;
在我的屏幕上看起来不错,但是现在在不同的屏幕上,一切都乱七八糟了...
如何在任何屏幕尺寸/分辨率下确保它看起来像我想要的?
答案 0 :(得分:-1)
很难在不看到问题示例的情况下给您一个好的答案。
如今,对所有内容都使用绝对绝对定位通常不是一个好习惯。
您是从右上角计算位置的,因此看起来在显示屏中央的内容将在大/小显示屏上的不同位置。而且事情可以在较小的显示器上在屏幕外显示。
如果您在响应元素中使用绝对位置,则应注意它们的位置以及高度/宽度的定义。
如果我从容器的左边缘放置10px的东西,使其宽度为200px,并且容器随窗口大小而改变大小,那么我绝对定位的元素可能会以不合适的位置结束,或者伸出容器。另一方面,如果我将其设置为left: 10%;
width: 80%
,那么这也会在右侧保留10%的空间,并且会随容器缩放。
通常,应在可以预测和解释其行为的元素内使用绝对定位。