验证中...
Languages: CSS
Categories: CSS 技巧
Latest update 2019-05-03 18:29
利用 vh 和 vw 以及 css 中 calc 函数,解决 iframe 高度和宽度 100% 问题。
Raw Copy
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style >
body{
margin:0;
}
iframe{
display: block; /* iframes are inline by default */
background: #000;
border:none; /* Reset default border */
height: calc(100vh - 100px);
width:100vw; /* Viewport-relative units */
}
</style>
</head>
<body >
<div style="height:100px;background:#dfdfdf"></div>
<iframe >
</iframe>
</body>
</html>

Comment list( 0 )

You need to Sign in for post a comment

Help Search

Gitee_you_jiang_zheng_wen Zheng_wen_close