1

このビデオでブラウザのサイズ変更でボックスと画像が移動するのはなぜですか?

これが私のコードです：

style="width: 98pt; position: fixed; left: 112pt; bottom: 175pt"
4

2 に答える 2

3

なぜなら...

その設計は柔軟です。

作り方

この他の答えによると：

  • ページと要素のサイズには、ピクセルではなくパーセンテージ ベースの幅を使用します。

  • フォント サイズには、px や pt ではなく em を使用します。

  • ナビゲーションに画像を使用しないようにしてください。使用する場合は、引き戸方式を使用して展開できるようにしてください。これを読んでください: #1 .

  • リキッドレイアウトを読んでください: #2または#3。

さらに進むには

これについて詳しく知りたい場合は、次の本をお勧めします。

Ethan Marcotte によるレスポンシブ Web デザイン。

ここに画像の説明を入力

于 2012-07-24T18:37:28.393 に答える
0

容器の底に付いているので（ボディタグかな？）

「下: 175pt」の代わりに「上:###pt」を使用します。

代わりに高さを指定した方が良いと思います。

<body>

  <div style="position:fixed; top: 50px; left: 50px; width: 100px; height: 100px;">content</div>

</body>
于 2012-07-24T18:37:48.630 に答える