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

Javascript 调整窗口大小时,不要修改主体任何元素的宽度或高度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,可以这样做:当浏览器调整大小时,我不想改变身体任何元素的宽度和高度。 我的页面中有一个很大的表格,当我调整大小时,我希望具有与在全浏览器模式下加载时相同的宽度或高度。使用CSSmin width和min height只需给你的表格一个固定的宽度和高度。使用最小宽度和最小高度时,它仍将调整大小,直到与定义的最小宽度和高度匹配为止 table { width:500px; } 宽度可能不是问题,但您永远不知道表的高度,这可能会发生很大变化,因此使用jQuery可以执行以下操作: var m

可以这样做:当浏览器调整大小时,我不想改变身体任何元素的宽度和高度。
我的页面中有一个很大的表格,当我调整大小时,我希望具有与在全浏览器模式下加载时相同的宽度或高度。

使用CSS
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>

$(文档).ready(函数(){
//文档完全加载后,获取表的宽度,并将其作为固定宽度使用
var myTable=$('.table');
var myTableWidth=myTable.width();
css('width',myTableWidth);
});

只要给你的桌子一个固定的宽度和高度。使用最小宽度和最小高度时,它仍将调整大小,直到与定义的最小宽度和高度匹配为止

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>

$(文档).ready(函数(){
//文档完全加载后,获取表的宽度,并将其作为固定宽度使用
var myTable=$('.table');
var myTableWidth=myTable.width();
css('width',myTableWidth);
});

只有在您提前知道固定宽度/高度的情况下才有效。这将在各种机器上产生问题。。。使用jQuery可以计算初始大小(宽度和高度)并保持不变。只有在您提前知道固定宽度/高度的情况下才是好的。这将在各种机器上产生问题。。。使用jQuery可以计算初始大小(宽度和高度)并保持不变?表中有什么内容?这是一个页面:我个人认为你应该确定一个好的、可读的宽度,并将其设置为该宽度。如果用户在访问页面时有一个形状奇怪的浏览器窗口,他们将得到一个非常奇怪大小的表,如果不刷新,他们将无法修复它。有趣的是,你为什么要这样做?表中有什么内容?这是一个页面:我个人认为你应该确定一个好的、可读的宽度,并将其设置为该宽度。如果用户在访问页面时有一个形状奇怪的浏览器窗口,他们将得到一个大小非常奇怪的表,如果不刷新,他们将无法修复它。我的表有200%的溢出率-x:auto;:)我不能使用PX中定义的固定大小。确保它不调整大小的唯一方法是设置固定宽度。但是如果你将它设置为一个百分比,它当然会调整大小。这是默认行为。它将始终根据浏览器的宽度和高度将其设置为200%。您可以使用百分比或像素,像素是获得固定值的唯一方法,当然不是百分比。您可以在首次加载浏览器时检查其宽度,然后使用jquery设置固定宽度。我将更新我的答案。不起作用:((检查小提琴:我在想:
$(窗口)。调整大小(函数(){$(“表格”)。手风琴(“调整大小”);//做点什么})
我不知道is是否真的有效……好吧,我更新我的答案。显然,#mytableid选择器只是一个示例,您需要将其更改为.table,因为您的表有一个类表。并且.getWidth()由于某些原因似乎不起作用,但您可以始终使用.width()。哦,是的,我在fiddle示例中复制和粘贴时出错,但在我的项目中,我在测试脚本时使用了我的id:)我的表有200%的溢出率-x:auto;:)我无法使用PX中定义的固定大小。确保它不调整大小的唯一方法是设置固定宽度。但是如果你将它设置为一个百分比,它当然会调整大小。这是默认行为。它将始终根据浏览器的宽度和高度将其设置为200%。您可以使用百分比或像素,像素是获得固定值的唯一方法,当然不是百分比。您可以在首次加载浏览器时检查其宽度,然后使用jquery设置固定宽度。我将更新我的答案。不起作用:((检查小提琴:我在想:
$(窗口)。调整大小(函数(){$(“表格”)。手风琴(“调整大小”);//做点什么})
我不知道is是否真的有效……好吧,我更新我的答案。显然,#mytableid选择器只是一个示例,您需要将其更改为.table,因为您的表有一个类表。并且.getWidth()由于某些原因似乎不起作用,但您可以始终使用.width()。哦,是的,我在复制和粘贴fiddle示例时出错了,但在我的项目中,我在测试脚本时使用了我的id:)