CSS 设置窗口高度铺满

我就是我 2022-10-04 15:44 365阅读 0赞

点此查看全部文字教程、视频教程、源代码

本文目录

    1. 背景
    1. CSS设置满屏

1. 背景

我们经常会遇到，需要将网页内容铺满当前窗口的需求。

很多时候，通过CSS去控制比较麻烦，尤其是窗口高度是动态可变的时候。

往往我们会通过JS去动态设置，但是实际上还有一种更佳简便的方式。

2. CSS设置满屏

可以通过如下代码：

  1. .main{
  3.   height: calc(100vh);
  4. }

将main元素设置为高度满屏，其中1vh表示视窗高度的1%，所以100%即为满屏。

而calc() 函数用于动态计算，所以应用此语法后，会动态的设置元素高度为100%

发表评论

表情：
评论列表 （有 0 条评论，365人围观）

还没有评论，来说两句吧...

相关阅读

    相关 CSS--高度铺满

    原文网址：[CSS--高度铺满\_IT利刃出鞘的博客-CSDN博客][CSS--_IT_-CSDN] 其他网址 [div 自适应高度 自动填充剩余高度 - 庞国明 -

    迷南。迷南。/ 0 赞/ 252 阅读