javascript - ウィンドウのサイズ変更では、本体のどの要素の幅や高さも変更しないでください

Question

次のようなことを行うことができます。ブラウザのサイズが変更されたときに、幅と高さを本体の任意の要素に変更したくありません。ページに大きなテーブルがあり、サイズを変更するときは、フルブラウザモードでロードしたときと同じ幅または高さにしたいと思います。

Answer 1

テーブルに固定の幅と高さを与えるだけです。min-widthとmin-heightを使用すると、定義された最小の幅と高さに一致するまでサイズが変更されます

table
{
    width:500px;
}

幅は問題ではないかもしれませんが、テーブルの高さはわかりません。これは大きく変わる可能性があるため、jQueryを使用すると次のことができます。

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

編集：あなたのコメントに基づいて、これはあなたができることです。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

CSSmin-widthとを使用しmin-heightます。