css - 当屏幕尺寸改变时，在图像上加载文本而不移动文本

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;
}