css - CSSの自動フッターサイズ変更

Question

3つのリンクが2行含まれているフッターがあります。ブラウザウィンドウのサイズが変更されて小さすぎると、リンクが切断されます。ウィンドウの残りの部分のサイズが変更されている間、フッターをフルサイズに保つ方法はありますか？

.footer { position: fixed; top: 90%; left: 0; right: 0; bottom: 0;
      background: #ffffff; border: solid black; border-width: 2px 0 0 0; } 

Answer 1

divの「最小幅」を設定します

.footer { 
    position: fixed; 
    top: 90%; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background: #fff; 
    border-top: 2px solid #000;

    min-width: 200px;
} 

Answer 2

ページの下部にフッターを固定するオプションはありますか? を削除するだけでtop: 90%;、ウィンドウが半分のサイズになってもフッターの高さが保持されます

.footer { 
    position: fixed; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background: #fff; 
    border-top: 2px solid #000;
} 

PS私はあなたのフィドルをフォークしました：http://jsfiddle.net/6s5eN/

Answer 3

このフィドルmin-heightに示すように、フッターに a を追加します。

.footer { 
    position: fixed; 
    height: 10%;
    min-height: 40px;
    left: 0; 
    right: 0; 
    bottom: 0;
    background: #fff; 
    border-top: 2px solid black; 
}