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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • app产品设计流程_APP流程图

    app产品设计流程_APP流程图App设计流程第一步、从APP产品需求入手,考虑我们到底要用什么主色调根据产品定位和目标用户群体选择主色调定好尺寸:设计尺寸是多大,是以640*1136设计还是750*1136还是1242*2208来设计。所有APP设计尺寸大小规范:http://www.25xt.com/appsize   第二步、配色和辅助色用什么颜色在考虑到产品气质和品牌色的同时,我们经常要考虑配合衬托产品主色调的辅助色…

    2022年8月30日
    2
  • 机器学习、云计算与智能挖掘国际会议MLCCIM2022

    机器学习、云计算与智能挖掘国际会议MLCCIM2022会议基本信息【会议简称】:MLCCIM2022【会议全称】:InternationalConferenceonMachineLearning,CloudComputingandIntelligentMining【截稿日期】:2022年3月21日【会议时间】:2022年5月27-29日【大会官网】:http://www.mlccim.org/【投稿邮箱】:mlccim@126.com【会议地点】:中国·厦门【收录检索】:EI、Scopus大会主席龙汉,

    2022年7月25日
    35
  • 大数据时代的大数据管理发展,经历了哪几个阶段?

    大数据时代的大数据管理发展,经历了哪几个阶段?近几年,在大数据管理不断发展的过程中,也取得了一定的成绩。但是,大数据管理也经历了一个漫长的过程,主要经历的人工、文件、数据库等管理阶段。同时,随着大数据时代的大数据不断增加,所管理的范围和环境也在不断的变化。并且,在大数据管理不断发展的过程中,一些管理问题逐渐的暴露出来,为大数据管理的发展带来了新的挑战和机遇,下面就大数据管理的发展历程,管理中存在的不足进行简要的分析和阐述。1.大数据时代的…

    2022年5月1日
    43
  • linux系统添加静态路由命令_静态路由和默认路由小结

    linux系统添加静态路由命令_静态路由和默认路由小结linux下静态路由修改命令方法一:添加路由routeadd-net192.168.0.0/24gw192.168.0.1routeadd-host192.168.1.1dev192.168.0.1删除路由routedel-net192.168.0.0/24gw192.168.0.1add增加路由del删除路由-net设置到某个网段的路由-host设置到某台主…

    2022年10月4日
    0
  • mysql 删除语句多表关联_MySQL多表关联数据同时删除sql语句

    mysql 删除语句多表关联_MySQL多表关联数据同时删除sql语句MySQL多表关联数据同时删除sql语句有需要的朋友可参考。DELETE删除多表数据,怎样才能同时删除多个关联表的数据呢?这里做了深入的解释:代码如下1deletefromt1where条件2deletet1fromt1where条件3deletet1fromt1,t2where条件4deletet1,t2fromt1,t2wh…

    2022年7月17日
    16
  • 文件的三种打开方式

    文件的三种打开方式文件打开的三种方式文件操作的基础模式有三种(默认的操作为r模式):r模式为readw模式为writea模式为append文件读写内容的格式有两种(默认的读写内容的模式为b模式):t模式为t

    2022年7月4日
    18

发表回复

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

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