画面サイズが変更されたときにテキストを移動せずにテキストを移動する

Question

画面サイズが変更されるたびに、テキストがページ上を移動するたびに、テキストが1つの場所に読み込まれます。 。私の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; 
}