javascript - 在窗口调整大小时，不要修改正文任何元素的宽度或高度

Question

可以做类似的事情：当浏览器调整大小时，我不想改变 body 的任何元素的宽度和高度。我的页面中有一个大表格，当我调整大小时，我希望具有与在完整浏览器模式下加载时相同的宽度或高度。

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.