vh 第6页

html5 登录玻璃特效

:0;padding:0;font-family:"PingFangSC","MicrosoftYahei",sans-serif;}.container{width:100vw;height:100vh

你的美，让我痴迷·2023-12-14 23:10

微信小程序map视野发生改变时切换定位点

您选中的位置：{{address}}{{item.name}}{{item.address}}确认选点css.map_container{width:100%;overflow:hidden;height:50vh

coldriversnow·2023-12-14 22:47

实现不同分辨率、不同缩放比例屏幕对vue显示的问题的适配解决

使用百分比有时候不生效可以在设置宽度的时候使用vw在设置高度的时候设置vhtips在固定div的高度和宽度的时候又的需要里面的内容撑开了才能显示也就是设置的高度和宽度是最大的宽度和高度，并不是实际的高度比如使用百分比布局而使用vh

码农小王123123·2023-12-14 18:03

FFmpeg之AVHWAccel

这也是ffmpeg解码器中比较重要的一个模块，很多人认识它应该是通过一条命令ffmpeg-hwaccelcuda-hwaccel_output_formatcuda-iinput.mp4-c:vh264

泰勒朗斯·2023-12-14 15:41

CSS尺寸设置单位？

共有6个单位，分别是px，em，rem，vw，vh，pt。①除了px是绝对单位，其余都是相对单位。②em相对于他本身的字体大小（但他本身字体大小是相对于父级字体大小的）。

sin...·2023-12-14 13:28

Vivado版本号管理

Vivado支持通过脚本的方式自动生成版本号，即每次重新开始综合的时候，会将vivado.verision.vh文件中记录的时间和日期进行覆盖。

i7977·2023-12-06 02:35

【上海大学数字逻辑实验报告】一、基本门电路

门电路通常用高电平VH表示逻辑值“1”，低电平VL表示逻辑值“0”。TTL门电路高电平的典型值为VH=5V~3.6V，低电平的典型值为VL=0.4V。

HackerKevn·2023-12-05 21:42

css视差滑动(阅读网站案例)

但是你和下面作对比效果就强了；一、准备代码*{margin:0;padding:0;}body{height:100vh;width:100%;background-color:cadetblue;}div

名字长就叫小林好了·2023-12-05 21:01

前端知识笔记（二十）———简易弹窗制作

里面写入弹窗想要显示的内容即可，简单易懂，一看就会HTML部分只需要写个div标签命个名，把弹窗内容写上就可以了使用css添加样式弹窗名{/*弹窗位置自行调整*/position:fixed;top:20vh

瑞崽崽崽·2023-12-05 17:57

视口单位vw、vh

viewport为视图窗口vw：相对于viewport的宽度百分比；vh：相对于viewport的高度百分比vw、vh不会由于根元素、元素及父元素的大小改变，只与viewport有关视口单位区别于%单位

jing_bao·2023-12-05 11:42

扁平按钮样式

上图代码：扁平按钮body{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;

马卫斌前端工程师·2023-12-05 09:04

3D旋转tab图

上图代码3D旋转tab图*{margin:0;padding:0;}body{height:100vh;background:linear-gradient(totop,#29323c,#485563)

马卫斌前端工程师·2023-12-05 09:31

学习使用html和js实现打字机效果代码整理，一个字一个字显示出来

实现打字机效果代码整理，一个字一个字显示出来学习使用html和js实现打字机效果代码整理*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh

徊忆羽菲·2023-12-05 05:42

Element--el-tabs固定在顶部

解决方案.el-tabs--card{height:calc(100vh-110px);/*overflow-y:auto;*/}.el-tab-pane{height:calc(100vh-110px

迷阵·2023-12-05 03:09

CSS实现网页翻页滚动效果

CSS翻页效果 /*创建可滚动容器*/ .scroll-container{ height:100vh; overflow-y:scroll; border:1pxsolid#ccc

努力的小码农-·2023-12-05 00:19

vue大屏适配方案记录

由于项目中使用到大屏开发，做了一些大屏适配，特此记录，方便后续查找，本次使用的适配方案为rem思路：rem是相对单位，是以页面根节点（html）字体为基准，vw/vh则为视口相对单位1.创建rem.ts

大兵的猫·2023-12-04 23:33

react 表格高度自适应

scroll={{y:'calc(100vh-表头与顶部的距离px)'}}//根据页面视口区域高度计算表格高度，以确定什么时候出滚动条exportfunctiongetHeight(){ letclientHeight

晚东·2023-12-04 09:04

Apple Watch 呼吸灯

body{background:#000;display:flex;align-items:center;height:100vh;justify-content:center;}.watch-face

new code Boy·2023-12-04 02:41

postcss-px-to-viewport-8-plugin 适配

postcss-px-to-viewport-8-plugin适配简述postcss-px-to-viewport-8-plugin是一个PostCSS插件，用于将以像素为单位的样式转换为视口单位（如vw、vh

Mr.Meng_95·2023-12-04 00:18

前端知识笔记（十九）———px，em，rem，vw，vh之间的区别

一，px（像素）：像素是屏幕上显示的最小单位，它是固定的，不随页面缩放而改变大小。在响应式设计中，使用像素单位可能会导致布局在不同屏幕尺寸上显示不一致。例如：现在在你电脑上一个字为16px，大小正好，可能到比你分辨率要高的电脑上，字体16px大小不变，但是分辨率有变化，导致字体在别的电脑上可能会导致不适配的情况发生二，em：em是相对长度单位，它是相对于父元素字体大小的倍数。如果父元素的字体大小为

瑞崽崽崽·2023-12-03 06:18

JS DOM(六) 打字游戏

*{margin:0;padding:0;list-style:none;}.content{width:800px;height:100vh;background-color:black;margin

锦衣夜行001·2023-12-03 05:30

前端web轮播图之渐进淡出

轮播图之渐进淡出css样式.bg{width:100vw;height:100vh;overflow:hidden;background-image:url('../..

借温柔予你·2023-12-03 01:20

3D悬停相册

padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;height:100vh

马卫斌前端工程师·2023-12-02 11:05

css渐变背景，linear-gradient()线性渐变和radial-gradient()径向渐变

1.简单的线性渐变.layout{width:100%;min-height:100vh;background:linear-

咸虾米_·2023-12-02 09:54

vue 实现可以转弯的步骤条

会拐弯的步骤条效果如下代码部分这边我是自己封装了一个step.vue的组件,因为需要响应式，我这边需要兼容4:3和16:9的页面(vh,vw这些是封装了样式计算宽高完成响应式布局)，所以加了一些宽度的判断

皮卡穆·2023-12-02 06:14

#Css篇:实现一个元素水平和垂直居中&&实现左右固定，中间自身适应布局&& 左侧固定右侧自适应

实现一个元素水平和垂直居中元素示例：居中的内容flex布局.container{display:flex;justify-content:center;align-items:center;height:100vh

Random_index·2023-12-02 00:06

前端知识笔记（十五）—————JS实现日历功能

Js日历*{margin:0;padding:0;box-sizing:border-box;}.date{width:59vh;height:59vh;margin:0auto;background-color

瑞崽崽崽·2023-12-01 21:25

大屏适配方案（vw、vh）

开发大屏主要是两方面的工作：大屏之关键-前期的自适应适配根据ui稿绘制图表，调细节方案实现方式优点缺点vwvh1.按照设计稿的尺寸，将px按比例计算转为vw和vh1.可以动态计算图表的宽高，字体等，灵活性较高

天道酬勤_鹿·2023-12-01 17:00

拖动滑块验证

drag/*外部放置滑动区域*/.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center

斑三三·2023-12-01 12:40

Cesium 指定显示区域部分（不让显示整个地球）

body{margin:0;padding:0;}#credit{width:100vw;height:100vh;background:black;background-size:cover;}Cesium.Ion.defaultAccessToken

缥缈神·2023-12-01 02:57

微信小程序scrollview高度自适应

微信小程序中的scroll-view，如果纵向滚动的话，需要设置height，对于全局的scrollview，直接设置100vh就可以了，对于局部的，高度不能写死，只能自己计算了微信小程序为了适配，引入了

韩zj·2023-11-30 13:58

微信小程序scrollView的bindscrolltolower不触发的情况

scrollView的bindscrolltolower是实现滚动加载的方法，如果不注意会发生无法触发的情况，需要两个条件1.page未设置成100vh,在app.wxss设置page{height:100vh

ckmzlf·2023-11-30 13:27

ffmpeg命令

裁剪视频时间#裁剪视频并且重新编码ffmpeg-ss0.962-iinput.mp4-presetslow-to23.852-c:vh264_nvenc-presetmedium-profile:vhigh-youtput.mp4

Cola_Mr·2023-11-29 09:36

微信小程序 webview 禁止页面滚动，同时又不影响业务内overflow的滚动的实现方式

html,body{position:fixed;top:0;left:0;height:100vh;overflow:scroll;}实现方式超级简单，但是我调了好多次都没有实现效果，研究了半天发现是页面缓存的问题

Mr丶张某人·2023-11-28 10:14

vue h5页面滑动回弹问题解决

可以使页面无橡皮筋效果.layout{position:fixed;top:0;bottom:0;width:100%;height:100%;overflow:hidden;}不要将手机页面的高度设为100vh

m0_37580441·2023-11-28 10:08

css（6）

vw和vhwidth：100vwheight：100vhvw：100vw是占满屏幕宽度vh：100vh是占满屏幕高度没有滚动条的时候100vw=100%有滚动条的时候100vw包含滚动条，窗口大小不变100%

取名字是真的难·2023-11-28 08:29

[Vulnhub靶机] DriftingBlues: 4

Vulnhub靶机]DriftingBlues:4靶机渗透思路及方法（个人分享）靶机下载地址：https://download.vulnhub.com/driftingblues/driftingblues4_vh.ova

haosha。·2023-11-28 00:43

CSS新手向的知识点<五>

阅读本篇文章,你将大致了解到手机专用的自适应方案--移动端REM的应用什么是remcss中长度单位有很多,比如:px,em,rem,vh,vw,ex,in,pt等.其中rem是根据根元素html的font-size

Nelson_sylar·2023-11-27 21:48

rem

rem是相对于html大小的比例值rem是相对于html大小的比例值vh/hw是以屏幕(视口)为准的,和百分百%很相似不管屏幕多大都是把屏幕分成100份----特别注意PC端的兼容性问题,ps:手机浏览器是没有兼容性问题的

青云子_方方·2023-11-27 15:13

抖音视频滑动---vue3+vite+uniapp

.uni-margin-wrap{width:100%;}.swiper{//#ifndefAPP-PLUSheight:calc(100vh-44px-50px);//非APP平台下生效//#endif

李宏伟~·2023-11-27 06:53

带你用uniapp从零开发一个仿小米商场_5. 公共样式编写,

但公共样式文件里面还没有编写内容在这里我将一一讲解公共样式内应该有什么样式,和为什么首先给page添加高度和背景色,当然这个背景色可以在app.vue内添加page{/*设置page高,让每个页面的最小高度为整个视窗的高*/min-height:100vh

Qayrup·2023-11-26 18:22

Vue3封装全局插件

align-items:center;justify-content:center;font-size:30px;color:#fff;background:rgba(0,0,0,0.8);height:100vh

QAEARQ·2023-11-26 11:01

uniapp vue3+vite 小程序转H5

记录一下小程序转H5遇到的问题目录1.图片src无效时显示白框2.请求显示跨域3.小程序中样式写100vh正好满屏，在H5中100vh会因为标题栏的问题超出一部分4.H5端不支持保存图片的API5.H5

哈大饼·2023-11-26 10:14

css动画按钮button hover效果

发送效果HTML//这里是一个svg的占位SendCSS#send-btn{display:flex;align-items:center;justify-content:center;height:100vh

YangYun_Coder·2023-11-26 01:52

em/px/rem/vh/vw 的区别？

pxpx表示像素，所谓像素就是呈现在显示器上的一个个小点，每个像素点都是大小等同的，所以像素为绝对长度单位。在移动端中存在设备像素比，px实际显示的大小是不确定，之所以认为px为绝对单位，在于px的大小和元素的其他属性无关emem是相对长度单位。相对于当前对象内文本的字体大小。如果当前对象内没有设置，则相对于浏览器的默认字体尺寸（1em=16px）为了简化font-size的换算，可以在css中的

·2023-11-25 20:51

在引入less时，嵌套的样式不生效，取消嵌套，样式就生效了？？

container{display:flex;.nav-left{background:blue;}.main{height:calc(100vh);background:yellow;}}这样不生效，

张小萍Becky·2023-11-24 14:47

微信小程序地图map组件 SDK 并实现导航

重新触发授权的处理逻辑实现获取当前位置，计算目标地址与当前位置的距离触发对选中的信息展示弹窗实现开始导航操作需要源码私我第一步：使用map组件第二步：定义样式.container{width:100%;height:100vh

成茂峰·2023-11-24 10:00

视频解码成yuv和pcm

1.命令行实操1.1解码音视频文件ffmpeg-c:vh264-c:alibfdk_aac-i10s.mp410s_cmd_out.yuv-fs16le10s_cmd_out.pcm同一种格式的解码，解出来的大小是一样的

coder_feng·2023-11-24 02:41

移动Web端的适配方案

目前主流的移动端适配的两种方案1.flex+rem单位做适配效果（比如淘宝和小米移动端）当前市场最多2.flex+viewportwidth/vh单位做适配效果（比如B站移动端）新兴，马上的一个趋势让flex

病友y·2023-11-24 02:31

移动web-移动适配-体验vh、vw

代码：Document*{padding:0;margin:0;}/*1vw=1/100视口宽度1vh=1/100视口高度（用不到，了解）*/.box{width:50vw;height:50vw;background-color

Q _Q·2023-11-24 02:00

推荐频道

vh