height:100vh的应用

height:100vh的应用今天改移动端页面样式的时候因为height:100vh,导致我想超出部分滚动页面的效果没有做出来。就查查这玩意是啥意思。别人解释的height:100vhvh就是当前屏幕可见高度的1%,也就是说height:100vh==height:100%;但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,但是设置height:100vh,该元素会被撑开屏幕高…

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

今天改移动端页面样式的时候因为height:100vh,导致我想超出部分滚动页面的效果没有做出来。就查查这玩意是啥意思。

别人解释的height:100vh

vh就是当前屏幕可见高度的1%,也就是说
height:100vh == height:100%;
但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,
但是设置height:100vh,该元素会被撑开屏幕高度一致。

但是会出现问题。当前我的页面内容过多,需要滚动条显示的时候,滚动到最下,还是无法显示我页面的全部内容,因为我顶部有其他标签。
在这里插入图片描述
所以说根据情况碰一碰啥样的情况可以用…滚去打代码了

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

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

(0)
上一篇 2022年5月27日 下午2:40
下一篇 2022年5月27日 下午2:40


相关推荐

  • plsqldev8.0下载和注册码

    plsqldev8.0下载和注册码[b]关键词:PL/SQL,下载,plsqldev,注册码,plsqldev711,汉化文件[/b]PL/SQLDeveloper是一种集成的开发环境,专门用于开发、测试、调试和优化OraclePL/SQL存储程序单元,比如触发器等。PL/SQLDeveloper功能十分全面,大大缩短了程序员的开发周期。[url]http://www.kutoku.info/software…

    2022年4月25日
    56
  • mysql binlog日志自动清理及手动删除

    mysql binlog日志自动清理及手动删除删除 10 天前的 MySQLbinlog 日志 附录 2 有关于 PURGEMASTERL 手动删除用法及示例 vim etc my cnf 修改 expire logs days x 是自动删除的天数 一般将 x 设置为短点 如 10 expire logs days x 二进制日志自动删除的天数 当然也可以不重启 mysql 开启 mysql 主从 直接在 mysql 里设置 expire logs days 此方法需要重启 mysql 附录有关于 expire logs days 的英文说明

    2026年3月19日
    2
  • 对话框动态控件的创建 在Picture Control控件上显示图片 (转载)

    对话框动态控件的创建 在Picture Control控件上显示图片 (转载)在对话框上的控件是 MFC 类的一个具体对象 其对应的变量内包含了类的数据成员和函数成员 当在对话框之上使用静态控件时 可以根据类向导来为每个控件添加消息 响应函数以及变量 当需要在对话框中动态的创建某个控件时 就需要手动为动态控件添加消息 响应函数及变量 即是手动来代替类向导 动态创建控件时 可按照以下步骤进行 1 明确控件所属于的类每一个控件都对应着一个类 如按钮 But

    2026年3月16日
    2
  • Linux常用命令大全(非常全!!!)

    Linux常用命令大全(非常全!!!)Linux常用命令大全(非常全!!!)最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考:系统信息arch显示机器的处理器架构uname-m显示机器的处理器架构uname-r显示正在使用的内核版本d…

    2022年4月27日
    35
  • {“error”:”0″}_lnk2019无法解析的外部符号_public

    {“error”:”0″}_lnk2019无法解析的外部符号_public文章对“errorLNK2019:无法解析的外部符号,该符号在函数_main中被引用”的原因进行分析,并提供了解决方法。

    2022年10月6日
    2
  • 数据结构(一)线性存储结构[通俗易懂]

    线性结构作为最常用的数据结构,其特点是数据元素之间存在一对一的线性关系。线性结构拥有两种不同的存储结构,即顺序存储结构和链式存储结构。顺序存储的线性表称为顺序表,顺序表中的存储元素是连续的,链式存储的线性表称为链表,链表中的存储元素不一定是连续的,元素节点中存放数据元素以及相邻元素的地址信息。线性结构中存在两种操作受限的使用场景,即队列和栈。栈的操作只能在线性表的一端进行,…

    2022年4月15日
    60

发表回复

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

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