100vh和100%的区别[通俗易懂]

100vh和100%的区别[通俗易懂]介绍vh就是当前屏幕可见高度的1%,也就是说height:100vh==height:100%;我的案例:元素没有设置高度的时候,我写移动端界面的时候用100vh会把屏幕撑大到需要滑动框,但是100%却不会。我是怎么解决的呢:在最外层包一个div,给这个div设置height:100vh…

大家好,又见面了,我是你们的朋友全栈君。

介绍

vh就是当前屏幕可见高度的1%,也就是说

height:100vh == height:100%;


我的案例:
元素没有设置高度的时候,
我写移动端界面的时候用100vh会把屏幕撑大到需要滑动框,但是100%却不会。

我是怎么解决的呢:在最外层包一个div,给这个div设置height:100vh

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/136340.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python数据库同步神器(一键同步)

    Python数据库同步神器(一键同步)1.背景:最近公司项目的用户中心模块经常出现线上问题,测试人员需要将线上真实数据导入到测试环境中去复现Bug。公司有3套测试环境,来回切换并校验数据比较麻烦,于是就有了如下的数据库同步神器出现了。ps:鄙人代码写的比较烂,还望各位大神多指点2.界面:3.源代码:#-*-coding:utf-8-*-“””@date:2022/01/1622:00@author:Anker@python:v3.6″””importjsonimport..

    2022年6月20日
    67
  • CausalDiscoveryToolbox:因果建模、因果图代码实现

    CausalDiscoveryToolbox:因果建模、因果图代码实现Cdt工具包实现了端到端的因果建模方法,支持从观测数据中恢复直接依赖关系(因果图的骨架)和变量之间的因果关系。基于python实现了许多用于图结构恢复的算法,接口简单,易于上手。

    2022年8月14日
    6
  • Python中的三目表达式

    Python中的三目表达式Python中的三目表达式一般C系列语言,例如C#,三目运算都是“?:”的结构。例如:res=(i>j?true:false);但是在python中,使用的是if-else来实现的res=Trueifi>jelse2;#如果条件为真的话,那么结果为前者,否则为后者

    2025年7月15日
    0
  • python猪脸识别_京东JDD猪脸识别比赛「建议收藏」

    python猪脸识别_京东JDD猪脸识别比赛「建议收藏」pig_face_recognition京东JDD猪脸识别比赛pytorch-baseline1.运行环境TeslaK20c集群单节点双卡RedHat4.4.7-3Python2.7.13cuda8.0cudnn5.0pytorch0.3.02.从视频中截取出猪用yolo-9000算法,人工打label后,对ffmpeg提取出的视频帧进行猪的目标检测,框出猪的主体部分,为后续…

    2022年6月21日
    36
  • 闭关六个月整理出来的微机原理知识点(特别适用河北专接本)

    闭关六个月整理出来的微机原理知识点(特别适用河北专接本)笔者准备过程中的总结,是通过填空题,简答题等等总结出来的如有不足,还望大佬们指教A14运算器和控制器又称为中央处理器(CPU)。计算机由运算器控制器存储器输入设备输出设备五大部分组成。根据传送的信息类型,系统总线可以分为三类:数据总线地址总线控制总线8086CPU由总线接口部件BIU执行部件EU组成。半导体存储器按存取方式不同,分为读写存储器RAM只读存储器ROM。读写存储器RAM指可以随机地、个别地对任意一个存储单元进行读写的存.

    2022年6月20日
    75
  • 如何制作离线tts?「建议收藏」

    如何制作离线tts?「建议收藏」tts->把文字转化为语音。先把中文转化为拼音。这个主要依靠1个字典,能把汉字和读音对应。下面提供字典:丂yu丄shang丅xia丆shi丏mian丗shi丟diu丠qiu両liang丣you並bing丩jiu丮ji丯jie丱kuang丳chan丵zhuo丷ba丼jing乀fu乁yi乂yi乆jiu乊hu乑yin乕hu乗sheng乚yin乛zhe乢gai乣jiu乨shi乪nang乴xue乵yan乸na乹qian乿luan

    2022年6月21日
    32

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号