[英]set the body height width css expressions
我想用css表達式動態改變體高..我的代碼是
HTML
<body >
<div class="tall_top" >
</div>
</body>
CSS
body {
width: 100px;
height: expression(document.documentElement.clientHeight);
background: red;
}
.tall_top {
background:#f1f1f1;
width:50%;
height:50%
}
但它不適用於谷歌瀏覽器......內部div沒有顯示。 檢查元件中顯示的主體高度為0px;
JS小提琴
div.tall_top沒有顯示，因為你的body,html沒有高度。
將高度設置為100%
html,body {
margin:0;
width:100%;
height:100%;
background:blue;
}
css表達式不值得學習了。 使用JavaScript或css媒體查詢 。 而且它也會產生瀏覽器兼容性問題，因為它只支持IE6 / 7（可能）5。
您的expression主要是評估窗口的高度，通常是<html>元素的高度。
添加這個CSS應該工作：
html, body {
height: 100%;
}
將元素的高度設置為 <body> 的寬度及其寬度到高度的動態變化
[英]Set element's height to <body>'s width and its width to <body>'s height dynamically
如何獲取父元素的最小高度/寬度並通過 CSS 設置為子元素的高度/寬度
[英]How to get min height/width of parent element and set to it's child height/width by CSS
CSS，如何僅在第一頁加載時將最小高度/寬度設置為屏幕高度/寬度？
[英]CSS, How do I set the min-height/width to the screen height/width only on first page load?
CSS（或JS）設置div的高度，並使其寬度等於正方形
[英]CSS (or JS) set height of div and have the width be equal to make a squares
CSS：如何根據屏幕/窗口大小設置寬度和高度？
[英]CSS: How to set the width and height dependent on the screen/window size?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.