0

ページにフッターを追加したいのですが、ユーザーがページを小さくしすぎた場合にフッターがテキストに重ならないようにします。大きなテーブルや大量のリターンを作成せずに、これを防ぐにはどうすればよいですか? フッター コードは、含まれているページにあります。スクロールがオンになったり、最上位の CSS 属性から最小になったりするときを選択する方法があるかもしれません。

十分に説明したと思いますが、ここでさらに説明します。

フッターのあるページには、タグがありinclude('footer.php')ます。

footer.php には、下部に配置されたテキストのセクションがあり、次のようなものがあります。

<div style="position: fixed; bottom: 10px">Footer Text</div>

ユーザーがウィンドウを小さくしすぎると、テキストが他のすべてのものに重なってしまいます。一番下にとどまり、スクロールバーが表示されるようにしたいと思います。

4

2 に答える 2

2

問題は明確ではありませんが、レスポンシブ レイアウトを探している可能性があります。これにより、ビューポートのサイズが特定の「ブレークポイント」を下回った場合に、異なる CSS ルールのセットを使用できます。

特定の手法は、メディア クエリとして知られています。次のように、ビューポートが短すぎる場合にフッターを非表示にするために使用できます。

@media screen and (max-height:700px) {
  footer { display: none; }
}
于 2013-07-17T22:53:50.973 に答える