1

CSS を初めて使用するので、この問題に関して stackoverflow で同様の投稿を見てきましたが、どの解決策も私のサイトでは役に立たないようです。

サイトのテンプレートを使用して、ウィンドウのサイズが変更されたときにページが 1 つの幅を維持し、要素が移動しないように CSS を編集しようとしています。

サンプル ページは次の場所にあります: (クライアントのリンクを削除)

コンテンツは、現在相対位置に設定されているラッパー内に含まれています。

#page_wrapper 
{
    position: relative;
}

私はこれを次のように変更しようとしました：

#page_wrapper 
{
min-width: 960px;
}

ただし、これはうまくいかないようです。ウィンドウのサイズを変更すると、すべてがシフトします。他に何を変更する必要があるかについてのアイデアはありますか?

4

3 に答える 3

1

あなたのサイトはTwitterBootstrapを使用しています：twitter.github.com/bootstrap/

あなたがやりたいことをするのは完全に単純なプロセスではありませんが、出発点はこのページに行くでしょう：

http://twitter.github.com/bootstrap/customize.html

そこで、「レスポンシブ」チェックボックスのチェックを外し、グリッドシステム要素を必要に応じて変更することができます。ただし、それらはそのままにしておくのが最善の場合があります。

次に、cssファイルをダウンロードしてサイトのファイルを置き換え、それが役立つかどうかを確認します（最初に現在のファイルのバックアップを作成してください）。

于 2013-01-30T14:12:38.823 に答える
1

ここでいくつかのことが起こっています：

  1. ナビはfloat: rightどこかに付いています。これは、その幅に、隣にあるものの幅を加えたものがコンテナーよりも広い場合、収まるように移動することを意味します。
  2. 最小幅が狭すぎる最小幅が 960 ピクセルであるが、ナビゲーションの幅にロゴの幅 (横に並んだ 2 つの要素) と余白、パディング、および境界線を足すと合計されます。 960px を超えると、列に並ぶことはありません。最小幅を調整するか、要素の計算された幅を調整して、その 960 ピクセルの最小値に収まるようにする必要があります。これは、マージン/パディングを小さくするか、テキスト サイズを小さくするか、明示的な幅を設定するか、またはそれらの任意の組み合わせによって行うことができます。
于 2013-01-30T14:15:06.827 に答える
0

要素が同じ場所にあるため、おそらく動き回っています

タグなので、要素の位置を保持したい場合は、別のタグを使用する必要があります

要素ごとに、おそらくcssまたはタグ内で好みに合わせて調整します（それはあなた次第です）。それ以外の場合は、同じ手順に従う場合は div タグで

各要素について、問題はないはずです。それは文にも当てはまります...文の各単語を個々の間に入れる必要があります

于 2016-05-03T07:09:09.353 に答える