ウィンドウのサイズ変更でボディの任意の要素の幅や高さを変更しないでください

Question

ブラウザのサイズが変更されたら、ボディのどの要素にも幅や高さを変更したくありません。 私は大きなテーブルを私のページに持っています。サイズを変更すると、フルブラウザモードでロードされたときと同じ幅または高さにしたいと考えています。

Answer 1

テーブルに固定幅と高さを指定するだけです。最小幅と最小高さで、それはまだそれが幅が問題ではないかもしれませんが、あなたがテーブルの高さを知ることはありません、これは多くのことを変更することができます定義された最小の幅と高さ

table 
{ 
    width:500px; 
} 

に一致するそれまではサイズが変更されますあなたのコメントに基づいて、これはあなたが何ができるかです ：

var myTable = $('.table'); 
var myTableHeight = myTable.height(); 
myTable.css('height', myTableHeight); 

EDIT：そうjQueryを使って次の操作を行うことができます。あなたは200％を残しますが、ブラウザーが最初に読み込んだときにテーブルの幅が取得され、固定幅として設定されます。それは常に同じままになります。

<script type="text/javascript"> 
$(document).ready(function() { 
//once the document was completely loaded get the width of the table and se it as fixed width 
    var myTable = $('.table'); 
    var myTableWidth = myTable.width(); 
    myTable.css('width', myTableWidth); 
}); 
</script> 

Answer 2

CSS min-widthおよびmin-heightを使用してください。