HTML ページをズームアウトした後にスクロール バーを表示するためのサンプル コード

ここでは、HTML ページのサイズを縮小した後に下部にスクロール バーを表示し、スクロール バーをスクロールして縮小されたインターフェイスで覆われている領域を参照できるようにする方法について説明します。

これを実行することの利点について話します。

まず、一般的に、インターフェースのサイズを縮小するとスクロールバーが表示されず、ユーザーは隠れた領域にアクセスできないため、インターフェースを拡大する必要があります。

次に、一部のインターフェースの相対的または絶対的なレイアウトにより、インターフェースが小さくなると、右側のインターフェースが下に移動し、インターフェースのレイアウトが見苦しくなる可能性があります。最も心配のない方法は、スクロールバーを縮小してから表示することです。

実装は非常にシンプルで、数行のコードだけです

体{
    最小幅: 1200px;
    オーバーフロー: スクロール;
    /*最大幅:100%;*/
}

知識ポイントの拡張:

HTML ページをズームアウトすると、スクロール バーが自動的に表示されます。

このスタイルをインポートし、必要に応じて本文の属性を設定するだけです。

<スタイル>

体{
  マージン:0px;
  幅:100%;
  最小幅:1500px;
  最大幅:100%;
  高さ:100%;
  背景色:#F0F0F0;
}
＃頭{
  背景色:#FFFF00;
  幅:100%;
  高さ:100px;
}
＃中心{
  背景色:#00FFFF;
  幅:100%;
  最小高さ:100%;
}
＃足{
  背景色:#FF00FF;
  幅:100%;
  高さ:100px;
}
</スタイル>

HTML ページを縮小したときにスクロールバーを表示するサンプルコードについてはこれで終了です。HTML ページを縮小したときにスクロールバーを表示する関連コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。