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


相关推荐

  • 使用SSH隧道和Squid创建专用加密代理以进行真正的隐私浏览「建议收藏」

    使用SSH隧道和Squid创建专用加密代理以进行真正的隐私浏览「建议收藏」在远程Linux机器上运行代理服务器,并通过SSH隧道将所有流量传输到它。第1步:安装Squid因为我使用CentOS,所以我只是做了一个 yuminstallsquid第2步:配置Squid好吧,默认的squid配置(/etc/squid/squid.conf)非常好,虽然我需要添加一个ACL子句,所以我实际上可以使用代理。远程的局域网是192.168.1.0/24,所以把这…

    2025年10月12日
    2
  • tfs安装教程_2010版cad安装步骤

    tfs安装教程_2010版cad安装步骤安装过程:  一、安装操作系统  安装Windows2008R2简体中文版  二、准备安装过程中的需要的用户账户,并设置相应权限  具体流程如下:  1、点击“开始”——“管理工具”——“计较机管理”  2、选择“本地用户和组”——“用户”,在右边空白处点击右键,选择“新用户”  3、分别添加名为TFSREPORTS、TFSSERVICE、TFSBUILD、TFS…

    2022年9月2日
    5
  • c++的条件运算符_条件运算符都有哪些

    c++的条件运算符_条件运算符都有哪些一、运算符1.条件运算符(?:)是C语言中唯一的一个三目运算符,它是对第一个表达式作真/假检测,然后根据结果返回另外两个表达式中的一个。<表达式1>?<表达式2>:&a

    2022年9月27日
    3
  • 未来之路作为创业者_如何看待读图时代

    未来之路作为创业者_如何看待读图时代距离4月11日-14日百度联盟峰会已经过去一个多月了,这一段与许多站长谈论最多的是百度创始人李彦宏在峰会上的演讲,其中创业者三大机会尤最。演讲更多的是从战略角度的高度概括,因此笔者主要想在大家的帮助下再深入分析一下读图时代的创业机会,主要是交流,通过交流更具体一些。在分析、交流之前,还是先引用一些媒体报道,以免失之毫厘,谬以千里。    4月12日上午消息,百度公司…

    2025年10月18日
    3
  • ICMP协议报文_三菱mc协议报文格式

    ICMP协议报文_三菱mc协议报文格式ICMP协议及报文格式

    2025年6月12日
    2
  • telnet安装_cmd安装telnet命令

    telnet安装_cmd安装telnet命令telnet安装

    2025年8月5日
    4

发表回复

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

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