vh

jq 经常要用的场景

##用jq在一行中输出多个值curl-shttps://filfox.info/api/v1/message/bafy2bzacea5ar22eacloyo74vep6vh6ej4knpa4zuerqgeldzor23x5v37nmm
f32e70d16650·2023-07-23 16:38

css画小熊猫

image.png1.定位思路：position:absolute;的绝对定位2.宽高通过继承父容器containe宽高的百分比定宽高3.小熊猫分解成脸部、耳朵、毛三部分.container{height:50vh
实肆·2023-07-23 14:40

【Vant Weapp】van-popup 弹出层

目录弹窗底部滚动catchtouchmove弹窗滚动同时底部滚动scroll-view页面高度100vh弹窗中图标打开前关闭键盘弹窗底部滚动白色区域不滚动的话，就可以使用catchtouchmove。
宾果的救星·2023-07-23 05:49

原生JS实现鼠标拖动dom改变滚动条位置

有时页面内容过多时会同时出现横向和纵向滚动条,鼠标拖动滚动条感觉操作有些繁琐,所以尝试直接拖动dom来实现拖动滚动条同样的效果dom结构如下.father{height:50vh;width:70vw;
Kirito_Beater·2023-07-22 20:45

微信小程序从js中获取颜色变量(非行内样式方式)

.wxsscontainer{box-sizing:border-box;height:100vh;background:var(--mainbgcolor--);}.text{color:var(--
Taurus_sheep·2023-07-21 13:44

分享一个加载按钮动画

先看效果：再看代码：加载动画按钮*{box-sizing:border-box;}body{width:100%;height:100vh;background-color:#000000;font-family
timi先生·2023-07-21 12:04

分享一个唯美雪花界面

先看效果：再看代码：雪body{height:100vh;background:radial-gradient(ellipseatbottom,#1b27350%,#090a0f100%);overflow
timi先生·2023-07-21 12:02

使用flex布局实现满屏品字布局

Documentdiv{background:red;border:1pxsolidwhite}#up{position:absolute;top:0%;width:100vw;height:50vh;
桜抄·2023-07-21 07:21

CSS---CSS面试题

10.em/px/rem/vh/vw区别1
maidu_xbd·2023-07-21 06:31

媒体查询、百分比、rem和vw/vh等布局对比解析的各种方法

12.JPG(超详细)媒体查询、百分比、rem和vw/vh等布局对比解析响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）本文介绍在布局中常用的单位，比如px、%、rem和vw等等，以及不同的单位在响应式布局中的优缺点
Phillmx·2023-07-20 15:50

Flex布局实现头尾固定、中间内容自适应

现在，可以用flex方法快速实现该布局头部中间内容区域尾部html,body{height:100%;/*很重要*/}.wrap{width:100%;height:100vh;/*很重要，如果设置成100%
coldriversnow·2023-07-20 09:19

css【3D旋转相册】-源码--超级简单

**css【3D旋转相册】-源码–超级简单**1.可以拿来装逼,css*{margin:0;padding:0;}body{min-height:100vh;overflow:hidden;background-color
门前大桥下.·2023-07-20 08:22

长列表优化方案，虚拟列表

虚拟列表实现.section{height:50vh;width:50%;margin:25vhauto;background-color:gainsboro;overflow:auto;}.list{
柑橘乌云_·2023-07-19 19:59

css+js实现点击特效效果

话不多说，先上效果图实现代码：Documentbody{height:100vh;width:100%;}img{width:40px;height:40px;animation:moy1.2sinfinite
Joker mock·2023-07-19 07:07

uni-app做h5IOS底部tabbar高度在不同的tabbar页面会忽高忽低

原因不祥，解决办法的话在App.vue中//每个页面公共csspage{height:100vh;}
前端小葛·2023-07-19 06:51

浏览器视口

目录css单位相对单位绝对单位像素分类物理像素逻辑像素css像素DPRPPI浏览器视口布局视口视觉视口理想视口css单位在css中我们会使用到许多单位，如px，em，rem，vw，vh等等整体上，我们可以将它们分成两类相对单位相对单位即本身的值是需要依靠其他元素计算得出的如
法玛梅林·2023-07-19 02:19

flex布局设置底部固定导航条

初步接触flex，话不多说，效果图如下:Title.box{display:flex;flex-direction:column;min-height:100vh;/*100vh==height:100%
不许动一二三·2023-07-18 13:01

前端学习——CSS3

0;padding:0;}.box1{width:200px;height:200px;background-color:deepskyblue;}.box2{width:50vw;height:20vh
振华首席娱记·2023-07-18 10:56

【CSS】跳动文字

{/*设置弹性盒子*/display:flex;/*水平居中*/justify-content:center;/*垂直居中*/align-items:center;/*设置高度*/height:100vh
一颗不甘坠落的流星·2023-07-18 02:45

TDA4-VH sdk-linux-j784s4-evm 编译所遇报错

编译TDA4-VH的ti-processor-sdk-linux-j784s4-evm-08_06_00_12,遇到的报错：1.
xiaozhiwise·2023-07-17 20:11

面试题三、CSS响应式及原理

响应式媒体查询（@media）,rem,em,vw,vh这些算是响应式吗？我个人觉得这只能算是实现响应式的工具，那什么是响应式呢？
赵花花5070·2023-07-17 01:10

CROSSROADS1靶机复盘

靶场下载地址：https://download.vulnhub.com/crossroads/crossroads_vh.ova扫描到ip后对ip进行一个全面的扫描，发现这个靶机开启了smb服务，可以把这个服务比
dumplings。·2023-07-16 23:15

连接一个JavaScript文件

●首先，本章我们会使用一个起始文件，代码如下JavaScriptFundamentals–Part1body{height:100vh;display:flex;align-items:center;background
网络点点滴·2023-07-16 23:54

若依框架前端笔记echarts折线图和饼状图

height：100vh是指铺满屏幕的高度。%没生效，父容器已经设置了宽高100%，那就用vh直接在页面上写一个折线图importe
tsukuru·2023-07-16 18:29

统计页面左右+上下自适应布局

body{margin:0px;}.box_parent{min-width:1200px;min-height:800px;width:100%;height:calc(100vh-0px);.box
java-wujun·2023-07-16 15:42

移动端适配解决方案

ViewportWidth、ViewportHeightVW/VH基本知识如何根据设计稿中的px转化成v
山原旷其盈视·2023-07-16 01:21

ffmpeg命令行log的使用参数使用

FFREPORT=file=log.txt:level=100ffmpeg-report-codec:vh264-i.
泰勒朗斯·2023-07-16 00:26

ffmpeg分离左右声道到多音轨

早期的视频文件将多语言放在了左右声道，手机上播放时，很多播放器并没有切换声道的功能，所以需要做分离导出单声道视频ffmpeg-i01.rmvb-c:vh264-afpan="stereo|c0=FR|c1
gsls200808·2023-07-16 00:23

taro-ui-vue3 的虚拟列表组件VirtualScroll

列表数据注意点：item-height不能直接用设计稿里面的高度xxpx，要转成rpx,而css里面item的高度用设计稿的高度，比如设计稿宽750px,item高200px，间距20px,列表容器高度是81vh
Misha韩·2023-07-16 00:42

vivado仿真ddr3 ip核

文章目录一、创建配置ddr3ip核二、配置仿真文件1.创建完成ddr3ip核后，添加仿真模型及testbench文件2.添加头文件（ddr3_model_parameters.vh）及仿真模块文件（ddr3
S管乐·2023-07-15 11:07

docker+rabbitmq 部署 普通模式 的集群

用户上传的数据不通,类似mysql表结构一致,数据不互通);元数据如下:a.队列元数据：队列名称和它的属性；b.交换器元数据：交换器名称、类型和属性；c.绑定元数据：一张简单的表格展示了如何将消息路由到队列；d.vh
rgc_520_zyl·2023-07-15 10:18

移动端布局头部固定底部高度自适应(scroll-view)

21方法一使用css的计算属性calc.container{width:100%;height:100vh;}header{width:100%;height:50px;background:red;}
e0e756d3954d·2023-07-15 07:46

uniapp scroll-view滑到底部加载更多数据

官网必须设置下面两个属性1.scroll-y="true"2.height:90vh;//lowerBottom触底事件//list:展示的数据{{item.content}}//bottomText底部文字
Mybabyying·2023-07-15 01:20

javascript 实现简单计算器

文章目录效果图：css代码html代码js代码效果图：css代码body{display:flex;justify-content:center;align-items:center;min-height:100vh
努力的xiaotao·2023-07-15 01:49

px、rem、em、vh/vw、calc()的运算规则 的区别

（vw始终是针对窗口的宽），同理，vh则为窗口的高度calc()使用“+”、“-”、“*”和“/”四则运算；可以使用百分
码农小嘉·2023-07-14 20:28

史上最全高质量css+html面试题

3.CSS选择器有哪些，优先级怎么样4.简述src和href的区别5.什么是cssHack6.什么叫优雅降级和渐进增强7.vw/vh、em、rem、px的区别？8.HTML5为什么只写`
米奇妙妙wuu·2023-07-14 20:43

分享一个放烟花的特效

;background:radial-gradient(circleat50%90%,#898916,#28297233%,#000000);}.stars{box-shadow:21.2vw39.2vh
timi先生·2023-07-14 08:51

解决Element-Plus使用了布局容器后，侧边栏高度设置100%却没有撑开高度

设置.el-menu的高度为100vh即可解决。.el-menu{height:100vh}效果展示，侧边栏高度已完全撑开，占据全屏：
A_ugust__·2023-07-14 03:23

HTML CSS下雨效果

*{margin:0;padding:0;box-sizing:border-box;/*不会挤大盒子*/}body{width:100%;height:100vh;/*Vh:1vh等于视口高度的1%*
啊呼,吖·2023-07-13 21:26

微信原生封装一个简易的加载效果

loading.wxss*/.loading-container{position:fixed;top:0;left:0;z-index:111111111111111;width:100vw;height:100vh
搜捕鸟了·2023-07-13 19:22

HTML案例：全屏切换滚动效果

一个父级div包裹4个子级div，4个子盒子的宽高占满当前屏幕，滚动导航条自动切换到下一页/上一页1、HTML代码*{margin:0;padding:0;}.container{height:100vh
长风沛雨·2023-07-13 19:41

vue 页面设置背景色

#161622;}单独页面设置：在页面中进行如上设置注:如果无效,请在vue的根节点设置class名,然后给class设置.page-box{background-color:#161622;height:100vh
前端小胡兔·2023-07-13 16:19

好看的登录界面（2）

body{background-color:#000000;min-height:98vh;perspective:1500px;}div#bgDIV{width:100vw;height:98vh;position
白夜的月亮·2023-07-13 15:41

ACARS系统研究

飞机飞行在海洋上空的空域时，使用SATCOM数据链和VH数据链；在布满基站的陆地上
小屁冬·2023-06-24 06:35

2022下半年 Java笔记

Java笔记https://www.aliyundrive.com/s/VH7KGLWHiWf提取码:f46n点击链接保存，或者复制本段内容，打开「阿里云盘」APP，无需下载极速在线查看，视频原画倍速播放
m0_56593481·2023-06-23 18:26

CSS弹性布局常用设置

目录一、单位元素二、弹性容器三、常用属性三、项目实战效果一、单位元素vm1vm为视口的1%vh视口高的1%vmin参照长边vmax参照长边rem等比缩放需要设置最外层盒子html设置vw根字号html的
不爱小白的小孩·2023-06-23 08:54

html_css模拟端午赛龙舟运动

样式布局风格：卡通首先采用一张包括水元素的照片作为背景annimation*{margin:0;padding:0;}body{width:100vw;height:100vh;background:url
yma16·2023-06-23 03:17

rem 和 em 的区别

font-size实现的，浏览器默认字号是font-size:16pxem:是相对于父元素标签的字号，和百分比%类似，%也是相对于父级的，只不过是%相对于父级宽度的，而em相对于父级字号的vw和vhvw和vh
前端小芬芬·2023-06-21 17:55

VH6501干扰仪的使用

目录1.VH6501接口介绍2.使用场景2.1当VH6501作为硬件接口卡作通信/监测使用时，使用CH1的任意接口与总线连接即可2.2若将VH6501用于干扰总线，针对单节点干扰时则通常情况下接任意一个接口即可
mengqiutong·2023-06-21 09:09

前面基础知识（查缺补漏）css篇

知识点css篇自适应单位百分比：%相对于视口宽度单位：vw相对于视口高度单位：vh相对于视口宽度或高度单位：vm(取决于哪个小)相对于父元素字体单位大小：em相对于根元素字体单元大小：rem选择器比重内联样式
没入门到放弃·2023-06-20 14:42
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他