vh 第3页

HTML+CSS：飞翔按钮

CodeSendbody{height:100vh;display:flex;justify-content:center;align-items:

若冰说·2024-01-21 23:16

32 选择组件

CodeBreadCheeseCoffeebody{height:100vh;display:flex;justify-content:center;align-

若冰说·2024-01-21 23:46

文件上传组件

Codebody{height:100vh;display:flex;justify-content:cente

若冰说·2024-01-21 23:46

less基本用法

执行编译就会多出一个和.less文件的同名.css文件#浏览器使用less语法*{margin:0;padding:0;}#header{color:black;width:100%;height:100vh

只管挖坑不管埋·2024-01-21 19:19

浅谈16位并口屏刷屏速度

){/*并口GPIO设置*/}voidLCD_Writ_Bus16(unsignedcharVH,unsignedcharVL){LCD_WR_SET;LCD_RD_SET;LCD_Set_Port(VH

修充电器上瘾·2024-01-21 17:15

HTML5+CSS3小实例：全屏搜索栏

源码：【html】全屏搜索栏【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/height:100vh

艾恩小灰灰·2024-01-21 10:38

封装dialog组件思路记录

动态控制对话框的宽度和距离顶部的位置：组件通过props接收width(默认50%)和top(15vh):style='{width,marginTop:top}'头部结构：分为左右，左边是标题，右边是关闭按钮

热爱°可抵岁月漫长·2024-01-21 09:36

前端笔试题（六）——太极八卦图

太极八卦图*{margin:0;padding:0;background-color:#eeeded;}#main{width:100%;height:100vh;/*background-color:

哎亚亚哎亚亚·2024-01-21 06:36

微信小程序横屏状态下的自适应实践（尺寸单位vmin）

2.尺寸单位vminvmin：视口宽度vw和高度vh两者之间的最小值

大海爱奔跑·2024-01-21 00:09

svg工厂动画

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

你的美，让我痴迷·2024-01-19 11:01

响应式全屏导航

box-sizing:border-box;font-family:"PingFangSC","MicrosoftYahei",sans-serif;}header{width:100vw;height:100vh

你的美，让我痴迷·2024-01-19 11:00

图片轮播组件

border-box;font-family:"PingFangSC","MicrosoftYahei",sans-serif;}.image-slider{width:100vw;height:100vh

你的美，让我痴迷·2024-01-19 11:00

css技能进度条表现效果

;}*{box-sizing:border-box;}ul,li{margin:0;padding:0;}main{display:flex;align-items:center;height:100vh

你的美，让我痴迷·2024-01-19 11:53

HTML中div内容垂直居中显示

方法一：使用flexbox布局.container{display:flex;align-items:center;justify-content:center;height:100vh;/*设置容器高度为视窗高度

MartinYangHJ·2024-01-19 08:55

小程序自适应背景图,不同屏幕比例如何做到不变形、不留空白

1、fixed定位一个image标签，width:100vw;height:100vh;mode选择aspectFill2、background-size:cover1）是按照图片的比例放大或者缩小至充满容器

wx_caiji·2024-01-19 07:03

Vue实现响应式布局

方法一：百分比用百分比去写元素的宽度，然后让子元素撑起父元素的高度.parent{ width:50%;} .child{ width:100%; height:100px;}方法二：vh、vwvw

流氓也是种气质 _Cookie·2024-01-19 00:52

css 实现让一个div的大小铺满整个屏幕

.fullscreen-div{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;/*视窗宽度*/height:100vh;/*视窗高度

自由如风709·2024-01-18 11:34

31 3D日历组件

Code2345012323453456*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;display:flex;justify-content

若冰说·2024-01-18 11:18

HTML5+CSS3小实例：简约不简单的社交分享按钮

效果：源码：简约不简单的社交分享按钮body{/*取消页面内外边距*/margin:0;padding:0;/*100%窗口高度*/height:100vh;/*弹性布局水平、垂直居中*/display

艾恩小灰灰·2024-01-17 13:03

Vue移动端rotate强制横屏

228,180,180);overflow:hidden}@mediascreenand(orientation:portrait){/*竖屏*/#main{position:absolute;width:100vh

lMoonRed·2024-01-17 12:07

[Vulnhub靶机] DriftingBlues: 6

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

haosha。·2024-01-17 08:35

51单片机_简易自动电容测量仪&简易延时万用表

实物演示https://www.bilibili.com/video/BV1vh4y1v7vV/?

城南观北·2024-01-17 07:59

vue3 | 自定义遮罩层组件

modelValue:{type:Boolean,default:false},center:{type:Boolean,default:false},top:{type:String,default:'30vh

ydongabc·2024-01-16 19:57

驾驶舱大屏适配方案

1、scale搭配vw、vh使用使用步骤：最外层父元素container使用vw和vh根据浏览器窗口设置宽高screen元素根据设计图设置具体的宽高根据实际的窗口大小对screen元素进行缩放，具体代码如下

hsdjhaiwhdnjw·2024-01-16 00:14

在vue3+vite项目中使用vw和vh适配

简介：在Vue3+Vite项目中，使用Sass预处理器可以极大地提升样式编写的效率和可维护性。本篇博客将介绍如何在Vue3+Vite项目中使用Sass语法编写样式，以及如何将Sass样式抽取到全局中什么是Sass1.Sass（SyntacticallyAwesomeStyleSheets）是一种成熟的CSS预处理器，它扩展了CSS的功能，提供了更多的样式编写工具和语法。Sass可以让开发者使用嵌套

梦想家加一·2024-01-15 17:24

27 代码星球卡片

body{height:100vh;display:

若冰说·2024-01-15 08:31

移动端h5开发记录（踩坑之旅）【IOS、Safari、兼容适配等】

（Tips:千万不要用，常规页面滚动就用body自身的滚动）在外层div限高100vh，内层div增加overflow-y:auto，在safari下滚动会有许多奇奇怪怪的问题2.position:fixed

永夜丶寒沉·2024-01-15 04:33

React-Native基础语法记录

1、基于flex布局，默认是纵向排列flex-direction:column;2、width，height等设置不需要单位（px，vw，vh...）,可以采用百分比3、样式不继承，例如：子元素不会父元素的

南城巷陌·2024-01-15 00:10

案例-自定义一个右键菜单

（另一种笔记里找）自定义右键body{width:100vw;height:100vh;background:url(.

kino2046·2024-01-14 21:58

黑糖王子邓青创业连载—0036 BNI

2018年1月13日星期日天气晴今天是我们BNIVH小组成员聚会的日子，本次聚会主要目的，除了相互了解彼此加深印象认识之外，主要就是学习VH的相关文件。

传统行业_社群解决方案_邓青·2024-01-14 19:59

弹跳小球加载

Codebody{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#212121

若冰说·2024-01-12 18:02

uni-app中在模拟器上内容可以滚动，真机上失效问题解决

uni-app中在模拟器上内容可以滚动，真机上失效问题解决1、刚刚开始使用的是view组件，给定了高度，超出部分y轴滚动，微信小程序模拟器上面一直为正常代码如下：.music-list{max-height:60vh

琴～～·2024-01-12 11:27

高德地图规划路线

高德地图规划路线规划路线.box{width:100%;height:100vh;display:block;overflow:hidden;}#container{width:100vw;height

功能点分享·2024-01-12 10:34

【微信小程序】底部弹窗固定定位fixed+textarea，导致的adjust-position在安卓手机失效问题

然后我就尝试了第二种方法用scroll-view将高度设置为100vh时，将页面保持在视口高度，这个时候发现不管是弹窗是fixed还是absolute都无法让安卓手机的键盘弹出时textarea顶上去最后我用了最后一种办法

kaka-333·2024-01-12 07:39

HTML5+CSS3小实例：炫彩爱心加载特效

效果：源码：炫彩爱心加载特效body{margin:0;/*100%窗口高度*/height:100vh;/*弹性布局水平、垂直居中*/display:flex;align-items:center;justify

艾恩小灰灰·2024-01-12 02:23

windows调用ffmpeg使用n卡压缩视频命令行参数

ffmpeg-vsync0-hwaccelcuvid-c:vh264_cuvid-iinput.mp4-vfscale_cuda=1280:720-c:vh264_nvenc-b:v300koutput.mp4

mengchenyiyu·2024-01-11 06:55

css less sass 动态宽高

lessheight:~"calc(100%-30px)";若要需要按照某个比例固定高度可以用min-height:e("calc(100vh-184px)")cssheight:calc(100%-50px

?Givenchy·2024-01-11 06:08

vue3中如何让页面不能被全选

只需要在最外层div中加入user-select:none;样式即可.container{width:100%;height:100vh;user-select:none;}

zhige@·2024-01-11 02:29

微信小程序canvas画布自由绘制/画笔功能实现

.wxml.wxss定义画布显示样式.canvas{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom:

句号（在IT行业摸爬滚打）·2024-01-10 08:18

微信小程序canvas画布实现矩形元素自由缩放、移动功能

获取画布信息并绘制背景.whml.wxss.canvas{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom

句号（在IT行业摸爬滚打）·2024-01-10 08:18

css height:单位 % 高度跟vh高度区别

cssheight:单位%高度跟vh高度区别以下内容来自：chatgpt中文网动态生成vh和百分比单位（%）都是相对长度单位，但它们相对的基准不同。vh（视窗高度）：表示相对于视窗高度的百分比。

m0_37678007·2024-01-10 06:47

js实现音频播放

body{margin:0;padding:0;}.boxlist{margin:0auto;width:100vm;height:100vh;}button{width:100%;height:25%

黄宝康·2024-01-10 06:35

vue设置height:100vh导致页面超出屏幕可以上下滑动

刚开始设置的height:100vh，就会出现如图的效果，会出现上下滚动.......container{height:100vh;}解决方法：.container{......position:fixed

A_man_of_ideas·2024-01-10 05:54

vulnhub靶机gigachad_vh

下载地址：Gigachad:1~VulnHub主机发现目标166端口扫描端口服务扫描漏洞扫描这玩意多得离谱于是我用a重新扫了一遍先去看web(⊙﹏⊙)离谱，目录扫描（之前先去看一下nmap扫到的html）后面扫描的目录奇多，而且大多直接404就没有一个一个翻就转目标到ftp上了，里面有一个匿名登入匿名是没有密码的哦里面就一个文件，直接下压缩文件告诉我么了用户名，还有一个文件去看看大概率密码就在这里

himobrinehacken·2024-01-10 00:54

[Vulnhub靶机] DriftingBlues: 5

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

haosha。·2024-01-10 00:22

uniapp scroll-view 组件无法确定内容的固定高度怎么解决

问题描述scroll-view组件无法确定内容的高度思路使用可视高度动态生成高度代码使用视口高度.scroll-view{height:100vh;/*设置高度，这里使用视口高度的100%*/}在上述示例中

T3165919332·2024-01-09 18:51

用html和css实现一个加载页面【究极简单】

styles.css):/*styles.css*/body{margin:0;display:flex;align-items:center;justify-content:center;height:100vh

K I N G·2024-01-09 17:39

小程序适配IOS底部小黑条

safe-area-inset-bottom);env()跟constant()需要同时存在，而且顺序不能换.container-css-fit{box-sizing:border-box;width:100%;height:100vh

心情无变化·2024-01-09 15:12

25 心形按钮