[英]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-width
和min-height
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.