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/
转载文章受原作者版权保护。转载请注明原作者出处！
【自取】最近整理的，有需要可以领取学习：
NMap，也就是Network Mapper，最早是Linux下的网络扫描和嗅探工具包。 nmap是一个网络连接端扫描软件，用来扫描网上电脑开放的网络连接端。确定哪些服务运行在哪些…
1.存储引擎 （1）连接层最上层是一些客户端和连接服务，主要完成一些类似于连接处理，授权认证、以及相关的安全方案，服务器也会为安全接入的每个客户端验证它所具有的操作权限（2）服务层…
这里我们通过npm来进行安装 1. 安装 webpack // 全局安装webpack npm install webpack -g 2. 通过 webpack -v 命令查看当前…
用案例解释闭包：整个历史中的某个商品的平均收盘价。什么叫平局收盘价呢？就是从这个商品一出现开始，每天记录当天价格，然后计算他的平均值：平均值要考虑直至目前为止所有的价格。 比如…
public void execute(JobExecutionContext context) throws JobExecutionException { System.out…
由于服务器、数据库、网络等资源有限，无法支撑越来越多的请求与计算量，所以将一部分数据放在缓存中，以此减小薄弱环节的计算量和请求流程。 网站中缓存的应用场景：1：可以缓存整个页面的h…
最近在做一个系统的设计，对软件架构设计又有了一些学习思考，就把当下思考认同的一些点记录一下。 需求总是会不断变化，软件架构要根据业务发展不断变化，在做架构设计时不要试图一步到位设计…
8086汇编 cmp 指令 cmp 是比较指令，功能相当于减法指令，只是不保存结果。cmp 指令执行后，将对标志寄存器产生影响。 格式：cmp 操作对象1,操作对象2功能：计算操作…
Golang中常用的代码优化点 大家好，我是轩脉刃。 这篇想和大家聊一聊golang的常用代码写法。在golang中，如果大家不断在一线写代码，一定多多少少会有一些些代码的套路和经…
一、作用和架构 1. 作用 Redis Sentinel，即Redis哨兵，在Redis 2.8版本开始引入。哨兵的核心功能是 主节点的自动故障转移。下面是Redis官方文档对于哨…
//poScreenCenter时，窗体会显示到主显示器的中央MainForm.Position := poScreenCenter; function TGAEAMainForm…
软件基础的理论 一, 什么是软件产品 它是一个逻辑产品,没有实体,包括程序,文档和数据,需要通过终端设备才能体现出来功能和作用 二, 软件产品的中间过程文档 客户需求 &#…
将一堆”事情”串联在一起，有序执行，就叫责任链 一、概述 责任链模式（Chain of Responsibility Pattern）是将链中每一个节点看作…
打包：将多个文件合成一个总的文件，这个总的文件通常称为 “归档”。 压缩：将一个大文件通过某些压缩算法变成一个小文件。 1.1、tar 压缩格式： tar …
private assertDriverFactoryResult( val: DriverConfig | BaseDriver, ) { if (val instanceof …
B树系列文章 1. B树-介绍 2. B树-查找 3. B树-插入 4. B树-删除 插入 根据B树的以下两个特性 每一个结点最多有m个子结点 有k个子结点的非叶子结点拥有 k −…