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


相关推荐

  • 登录的时候出现token无效_token已过期

    登录的时候出现token无效_token已过期msg:‘无效token’,status:400原因:用第三方组件element-ui或者其他组件的单个功能上传图片,没有用到axios发请求,而是组件内部自己封装了一个ajax去发请求,组件内部封装的ajax不携带Authorization字段.解决方案:1.首先在上传组件中手动添加:headers:”headerObj”2.再设置上传组件的请求头,添加Authorization字段:就解决了。…

    2022年9月13日
  • 小程序开发找不到appjson_appjson文件内容错误未找到

    小程序开发找不到appjson_appjson文件内容错误未找到编译报错-导入之前项目根目录下的project.config.json文件:{“description”:”AWePYproject”,”setting”:{“urlCheck”:true,”es6″:false,”postcss”:false,”minified”:false},”compileType”:”miniprogram”,”appid”:” wx4e367dd65dd063b6″,”pro.

    2022年10月12日
  • java google 离线地图开发_如何发布google离线地图及二次开发API[通俗易懂]

    java google 离线地图开发_如何发布google离线地图及二次开发API[通俗易懂]相关教程:1.说明离线地图开发环境支持谷歌地图、百度地图、高德地图等等所有常用地图类型,支持在局域网内的地图部署、二次开发。2.实现第一步:下载安装离线地图开发环境下载安装好之后,启动软件,如下图所示:①如果你的电脑连接到网络,这里可以直接点击【进入】;如果未能链接网络,请插上离线地图加密锁点击【进入】。②这里有离线地图二次开发的相关说明以及帮助信息。点击【进入】后,如下图:①:添加离线地图-…

    2022年9月20日
  • 求一个手机淘宝直播中抢购的脚本,急「建议收藏」

    求一个手机淘宝直播中抢购的脚本,急「建议收藏」要求,手机淘宝直播中不管上架什么东西,我都是第一个购买成功的!天灵灵地灵灵,太上老君急急如律令,大神来>o<

    2022年5月3日
  • Python优秀开源项目Rich源码解析

    Python优秀开源项目Rich源码解析这篇文章对优秀的开源项目Rich的源码进行解析,OMG,盘他。为什么建议阅读源码,有两个原因,第一,单纯学语言很难在实践中灵活应用,通过阅读源码可以看到每个知识点的运用场景,印象会更深,以后写代码的时

    2022年7月5日
  • windows安装wget命令_linux安装命令install

    windows安装wget命令_linux安装命令install今天给服务器安装新LNMP环境时,wget时提示-bash:wgetcommandnotfound,很明显没有安装wget软件包。一般linux最小化安装时,wget不会默认被安装。可以通过以下两种方法来安装:1、rpm安装rpm下载源地址:http://mirrors.163.com/centos/6.2/os/x86_64/Packages/下载wget的RPM包:htt…

    2022年4月20日

发表回复

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

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