Question

可以执行以下操作：当浏览器调整大小时，我不想要改变身体任何元素的宽度和高度。我在我的页面中有一张大桌子，当我调整大小时，我想要具有与在完全浏览器模式下加载时相同的宽度或高度。

Answer 1

只需给你的桌子一个固定的宽度和高度。对于最小宽度和最小高度，它仍然会调整大小，直到它与定义的最小宽度和高度相匹配

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

使用CSS min-width和min-height。

在窗口调整大小时，不要修改主体的任何元素的宽度或高度

2 个答案: