84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
ページについて、
1 つの方法は、負のマージン上部と正のパディング下部を使用することであることはわかっていますが、十分な柔軟性が感じられません。
これを達成する良い方法はありますか?
これが私の答えです: Pure css私は主にモバイル側で使用しているため、互換性があるはずです....https://jsfiddle.net/BoomBang...
このようなことがアイデアにあります:
レンダリング:
古い IE との互換性は考慮されていません: フレックス レイアウト + ラッパーの最小高さはビューポート/ウィンドウの高さです。
古いIEと互換性を持たせるには:
JavaScript
固定サイズの CSS トリック。
コンテンツ領域に min-height 属性，让其有一个最小高度，其值可以是固定的（如：1280px），亦可以通过 js 来动态设置（如：$('.content').css('min-height', window.innerHeight)) を設定すると、コンテンツが少ない場合、コンテンツ領域がウィンドウ全体に表示され、フッター 構造が画面の外に表示されます (下部、スクロールが表示されます)。
min-height
$('.content').css('min-height', window.innerHeight)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
このようなことがアイデアにあります:
リーリーレンダリング:
古い IE との互換性は考慮されていません:
フレックス レイアウト + ラッパーの最小高さはビューポート/ウィンドウの高さです。
古いIEと互換性を持たせるには:
JavaScript
固定サイズの CSS トリック。
コンテンツ領域に
min-height属性，让其有一个最小高度，其值可以是固定的（如：1280px），亦可以通过 js 来动态设置（如：$('.content').css('min-height', window.innerHeight)) を設定すると、コンテンツが少ない場合、コンテンツ領域がウィンドウ全体に表示され、フッター 構造が画面の外に表示されます (下部、スクロールが表示されます)。