在屏幕尺寸更改时，在图像上加载文本而不移动文本

Question

每当我的屏幕尺寸发生变化时，文字就会在页面上移动，我希望文本加载到图像上的一个设置位置，无论其大小如何。我的CSS看起来像这样。

form {position:absolute; left: 1233px;display:inline-block;z-index:80; top: 215;}

将其加载到屏幕上的正确位置。

Answer 1

首先它必须是top: 215px，否则它无效。

处理自适应内容时，您必须使用%而非固定px尺寸。

form {    
    position: absolute;
    left: 50%;
    margin-left: -250px; // There must be fixed number: element width / 2
    display: inline-block;
    top: 10%;
    z-index: 80;
}