簡體   English   中英

調整窗口大小時,請勿修改主體任何元素的寬度或高度

[英]On window resize do not modify width or height on any element of body

可能會執行以下操作:調整瀏覽器大小時,我不想將寬度和高度更改為身體的任何元素。 我的頁面上有一張大桌子,當我調整大小時,我希望具有與以完整瀏覽器模式加載時相同的寬度或高度。

只需為您的桌子設置固定的寬度和高度即可。 使用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>

使用CSS min-widthmin-height

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM