Vue 中关于页面全屏的样式定义

vue开发中很需要页面全屏,尤其是实在登录页面的时候.

但是经常设置 height: 100%;不起作用.

原因分析:

给div设置高度100%时,div的高度会等同于其父元素的高度。单文件中的 div(即为vue挂载的div)的父节点是是body标签,body标签的父节点是html标签。

在默认情况下html和body标签的高度为auto,而浏览器是不会自动给标签添加高度的,所以html和body标签就为0,自然子div的高度设置为100%就不起作用了。

所以,在App.vue中:

Original: https://www.cnblogs.com/bdxily/p/14635200.html
Author: 疯人院code
Title: Vue 中关于页面全屏的样式定义

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/685165/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • Unity3D 预备知识:C#与Lua相互调用

    在使用Unity开发游戏以支持热更新的方案中,使用ULua是比较成熟的一种方案。那么,在使用ULua之前,我们必须先搞清楚,C#与Lua是怎样交互的了? 一.基本原理 简单地说,c…

    技术杂谈 2023年6月1日
    0103
  • 分布式应用运行时 Dapr 1.7 发布

    Dapr 是一个开源、可移植的、事件驱动的运行时,可以帮助开发人员构建在云和边缘上运行的弹性的、微服务的、无状态和有状态应用程序,并且关注于业务逻辑而不用考虑分布式相关的问题。 分…

    技术杂谈 2023年5月31日
    087
  • Vue(十三)—过滤器filter,filters

    官网:https://cn.vuejs.org/v2/api/#filters https://cn.vuejs.org/v2/api/#Vue-filter 分为全局过滤器和局部…

    技术杂谈 2023年7月25日
    082
  • Flink CDC同步MySQL数据到Iceberg实践

    Flink CDC: 捕获数据库完整的变更日志记录增、删、改等所有数据. Flink在1.11版本开始引入了Flink CDC功能,并且同时支持Table & SQL两种形…

    技术杂谈 2023年7月10日
    087
  • centos 7 快速安装 nload 流量工具

    yum install -y gcc gcc-c++ ncurses-devel make wget wget http://www.roland-riegel.de/nload/…

    技术杂谈 2023年5月30日
    085
  • MIUI 蓝牙不能微信钉钉通话

    MIUI 系统不能 使用蓝牙耳机进行通话(微信,钉钉),音乐没有问题; 问题: 打电话能用蓝牙,听音乐也没有问题; 发现只有 开会的时候和微信语音视频的时候不能,只能听筒和外放; …

    技术杂谈 2023年5月31日
    0212
  • Oracle多租户架构之如何快速创建一个PDB

    Oracle自从12c版本开始引入多租户的架构,整个管理理念也发生了很大的变化。比如之前再小的业务只要选择了Oracle,DBA都会选择新建一套独立的数据库,因为传统的架构只能在s…

    技术杂谈 2023年5月31日
    095
  • 如何给自己的网站接入在线客服系统代码

    如何给自己的网站接入在线客服系统代码? 在线客服系统的接入都挺简单的,一般都是通过在网页html中添加带有在线客服功能的js代码来实现的。以唯一在线客服系统的接入步骤为例,给大家做…

    技术杂谈 2023年6月1日
    086
  • Ubuntu 工具链升级 gcc 流程

    我的是 Ubuntu Server 20.04 LTS,默认 gcc-9,工具链升级至 gcc-11,和 Ubuntu 22.04 LTS 保持一致。 如果本文发文时间比较旧,你所…

    技术杂谈 2023年6月21日
    0110
  • 了解Browserify

    Browserify是一个Javascript的库,可以用来把多个Module打包到一个文件中,并且能很好地应对Modules之间的依赖关系。而Module是封装了属性和功能的单元…

    技术杂谈 2023年5月31日
    087
  • IntelliJ IDEA竟然出了可以在云端编码的功能?

    前言 自从我用了正版的IntelliJ IDEA后,基本上都是与时俱进,出一个新版本就立马更新,这也能能让我体验到最新最快的功能。 最近在闲逛Jetbrains的官网时,看到了最新…

    技术杂谈 2023年7月11日
    086
  • Zeebe Chart 安装成功

    PS C:\Users\Administrator> helm list NAME NAMESPACE REVISION UPDATED STATUS CHART APP V…

    技术杂谈 2023年6月1日
    074
  • 自定义注解,利用AOP实现日志保存(数据库),代码全贴,复制就能用

    前言 1,在一些特定的场景我们往往需要看一下接口的入参,特别是跨系统的接口调用(下发,推送),这个时候的接口入参就很重要,我们保存入参入库,如果出问题就可以马上定位是上游还是下游的…

    技术杂谈 2023年7月11日
    082
  • 深入浅出全面解析RDMA

    RDMA(RemoteDirect Memory Access)技术全称远程直接内存访问,就是为了解决网络传输中客户端与服务器端数据处理的延迟而产生的。它将数据直接从一台计算机的内…

    技术杂谈 2023年5月31日
    098
  • 动态ip、静态ip、pppoe拨号的区别

    pppoe拨号 pppoe拨号上网,又叫做ADSL拨号上网、宽带拨号上网。指现在有很多我的E家用户,送的无线猫,阉割了PPPOE拨号功能,必须要从电脑上拨号才能上网。还有大街上的W…

    技术杂谈 2023年5月31日
    0109
  • MongoDB笔记(一)

    MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统。 MongoDB 简介 MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系…

    技术杂谈 2023年7月24日
    086
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球