设为首页收藏本站
联系我们切换到宽版

 找回密码
 立即注册
金黑网络»首页 › 源码编程区 › 前端教程 › html5教程 › VW和VH布局
返回列表 发新帖

VW和VH布局

[复制链接]
admin 发表于 2025-6-3 15:36:33 | 显示全部楼层 |阅读模式
VW和VH布局

1.png

2.png
1.png

2.png
  1. <title>体验vw和vh</title>
  2.     <style>
  3.       * {
  4.         margin: 0;
  5.         padding: 0;
  6.       }

  8.       /* vw 和 vh 是相对视口宽高计算结果，可以直接实现移动端适配效果 */
  9.       /* .box {
  10.         width: 50vw;
  11.         height: 30vw;
  12.         background-color: pink;
  13.       } */

  15.       .box {
  16.         width: 50vh;
  17.         height: 30vh;
  18.         background-color: green;
  19.       }
  20.     </style>
  21.   </head>
  22.   <body>
  23.     <div class="box"></div>
  24.   </body>
复制代码



回复

举报

返回列表 发新帖

QQ|网站地图|Archiver|手机版|金黑网络 ( 粤ICP备2021124338号 )

网站建设，微信公众号小程序制作，商城系统开发，高端系统定制，app软件开发，智能物联网开发，直播带货系统等

Powered by Www.Jinhei.Cn

Copyright © 2013-2024 深圳市金黑网络技术有限公司 版权所有

快速回复 返回顶部 返回列表