ブラウザのサイズを縮小するときのウェブサイトのレイアウトの変更

css html
ブラウザのサイズを縮小するときのウェブサイトのレイアウトの変更

ブラウザウィンドウのサイズを小さくすると、上部と下部のフッターが縮小し始め、フッターの内側のコンテンツ(上部と下部のナビゲーションバー)がフッターから押し出され、メインテキスト本文とオーバーラップし始めます。 この問題が発生する理由を誰もが知っていますか? この質問が不明確であるか、すでに回答済みである場合、おologiesび申し上げますが、まだ学習中です。 助けてくれて本当にありがとうございます。

  2  0


ベストアンサー

Webページ上のほとんどのコンテンツは、ウィンドウを小さくすると、そのようにサイズ変更されます。 できることは、 min-width CSSプロパティを設定して、ブラウザがページ上の要素のサイズを変更するのではなくスクロールバーを追加する最小幅を定義することです。 のようなもの:

.someClass {
  min-width: 800px:
}

1


%を使用してすべてのCSSルールをカスタマイズできると思うので、親要素の幅がexで400px減少した場合、次のように%値で子の幅、高さ、境界線などを設定できます。

.parent{
  width:100%;
}
.child{
  width:60%;
}

親100%が1024ピクセルを表すと仮定します。したがって、子は614ピクセルを取り、ページのサイズが変更されて600ピクセルを受け取ると、子は自動的に360ピクセルになります

0


タイトルとURLをコピーしました