vh 第13页

Taro 解决滚动穿透

1、给底部根布局设置固定高度：height:100vh;2、当显示弹出层时,设置底部跟根布局.prevent-scroll{overflow:hidden;}3、当弹出层隐藏时，设置底部根布局：overflow-y

blossom_6694·2023-08-21 18:31

css 简单脑图（展示）

00.png01.pngDocument/*body{height:100vh;display:flex;align-items:center;}*/.mainBody{display:flex;flex-direction

魔王HG·2023-08-20 20:48

windows7下python3.7安装scrapy失败

python.exe-u-c"importsetuptools,tokenize;__file__='C:\\Users\\ADMINI~1\\AppData\\Local\\Temp\\pip-install-vh60hcon

sinalma·2023-08-20 18:51

uniapp禁止页面上下滚动

bounce":"none"}第二个方法功能场景我目前是在用uniapp做一个H5程序，中间有一个排行榜的页面只展示前十名，但是里面的导航是自定义导航栏，会占据文档流的位置，所以背景图宽高固定为100vh100vw

翠花517·2023-08-20 04:32

el-button实现按钮，鼠标移入显示，移出隐藏

所以我在外面套了一层div切换//鼠标移入样式.show_button_style{width:6vh;height:3vh;displ

爱写代码的派大星·2023-08-20 03:23

弹性展开工具栏

background:#222;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:100vh

路光.·2023-08-20 01:27

纯 HTML + CSS 实现圆形 loading 动画效果

示例代码HTML：CSS：*{margin:0;padding:0;box-sizing:border-box;}body{width:100%;height:100vh;overflow:hidden

廖若星辰LTY·2023-08-20 00:16

Frechet分布及其应用

signature=OaXiloa2t1R4YCO6XdyRncsAJ5Dbc9fyst9MvDRBy*7uygpsd4hiGUuxaBEzYiaFroNscwFToGMCF74sxFdrOpAFvu3p5YJ1vh2ezLaocuARywbaD

爱听雨声的北方汉·2023-08-19 19:10

html流光按钮

出处bilibili猫咪爱狗body{/*内容居中，背景色*/height:100vh;display:flex;justify-content:center;align-items:center;background-color

supermodule·2023-08-19 09:42

选择器

，vw1vw=视口宽度的1%1vh=视口高度的1%vminvmax@media@mediascreen@mediaprint@mediascreenprint@mediaonlyscreenand(max-width

自you是敏感词·2023-08-19 07:37

uniapp 取消导航栏使页面铺满

uni-page-head{display:none;}/*#endif*/uni-page-head[uni-page-head-type=default]~uni-page-wrapper{height:100vh

小和尚敲木头·2023-08-19 03:47

详解web前端长度单位（px、em、rem、%、vw/vh、vmin/vmax、vm、calc()）

而整体的长度单位分为两大类：绝对长度单位包括：in,cm,mm,q,pt,pc,px相对长度单位包括：em,rem,%,vw,vh,vmax,vmin,vm,ch,ex2）绝对长度绝对长度单位是一个固定的值

西晋的no1·2023-08-19 01:44

Vue 大屏可视化铺满全屏

之前写了一篇帖子Vue大屏可视化屏幕自适应，是针对在知道大屏尺寸的情况下，保证还原UI设计的显示比例，这样在非标准比例的屏幕上显示，会出现上下或左右留白，若想完全铺满全屏，使用vw/vh计算。

冰天物语·2023-08-19 00:08

css中变量和使用变量和运算

#1a99fb;css使用变量：语法：属性名：var(--css变量名)；color:var(--view-theme);css运算：语法：属性名：calc(数值-数值)；width:calc(100vh

前端小凯·2023-08-18 13:37

css如何让实现一个元素在网页中垂直水平居中

1.使用Flexbox：HTML内容CSS.container{display:flex;justify-content:center;align-items:center;height:100vh;/

锅盖哒·2023-08-18 13:03

css3简单轮播图

CSS3自动轮播图body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh

锅盖哒·2023-08-18 09:45

iview默认样式覆盖

1、全页面覆盖不添加scoped/deep/.hp-cell-content.ivu-tabs-content{height:calc(100vh-6.5rem-60p

前端鼓励师·2023-08-17 16:03

刷新的样式 4个点

代码直接拿走钉钉刷新动画css实现.refresh{height:100vh;width:100vw;position:absolute;top:0;left:0;z-index:100;}.refresh.blueball

思念LY·2023-08-17 16:24

CSS常见单位汇总

视口单位（vw、vh、vmin、vmax）：相对单位，基于视口的宽

微风粼粼·2023-08-17 15:39

Mariadb高可用MHA相关知识点及搭建

搭建时的环境说明（一）需要准备四台虚拟机，而且每台虚拟机都要关闭Networkmanager以及开机不自启，关闭防火墙开机以及不自启，关闭selinux，静态配置IP（相关操作详见http://t.csdn.cn/vH97M

懿玖鬮乄·2023-08-16 16:23

Steam 灵感的游戏卡悬停效果

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

timi先生·2023-08-16 07:49

使用postcss-px-to-viewport-8-plugin进行屏幕适配

这个插件可以将px单位转换为视口单位，包括vw、vh、vmin和vmax，从而实现在不同设备上的自适应布局。

冯锦辉·2023-08-16 07:16

vue+vant2—篇4—用viewport 单位适配浏览器

Vant默认使用px作为样式单位，如果需要使用viewport单位(vw,vh,vmin,vmax)，推荐使用postcss-px-to-viewport进行转换。

有蝉·2023-08-16 07:46

原生js 简易打字小游戏

margin:0;padding:0;box-sizing:border-box;}html,body{height:100%;}.viewport{width:100%;min-height:100vh

意面秋刀鱼·2023-08-15 22:41

大数据--难点--地图的制作

地图一直是亮点也是难点，刚刚进公司的时候也很难懂~~做出来的也很难看纯CSS3使用vw和vh视口单位实现h5页面自适应，gulp自动监听sass改动并保存到css中当修改了sass里面的代码后，gulp

炎同学要努力·2023-08-15 21:35

css样式

居中布局中居中是很重要的技术，掌握居中的技巧，对布局相当重要/*flex垂直居中*/*{margin:0;padding:0;}.container{height:100vh;/*重要语法*/display

·2023-08-15 18:47

nvue语法与vue的部分区别

字体样式字体的样式，必须要写在text标签内，才能生效错误示例：这是一段文字.test{color:red;}正确示例：这是一段文字.test{color:red;}3、高度问题nvue文件中，不支持100%，vh

summer_du·2023-08-15 15:21

1rem、1em、1vh(vw)、1px各自代表的含义

1rem、1em、1vh(vw)、1px各自代表的含义：rem页面所有使用rem单位的长度都是相对于根元素元素的font-size大小。即1rem等于根元素元素的font-size大小。

钟Bubble·2023-08-15 07:50

动态动画弹窗样式css

css.popWin{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000;opacity:0.5;z-index:999

钟Bubble·2023-08-15 07:19

在线吉他调音

;--track:#2220;--thumb:#4caf50;--c-classic:#ff9800;--c-electric:#00aaff;}html{width:100vw;height:100vh

timi先生·2023-08-14 07:14

React + Ant Design Form 表单自定义校验 validator debounce

IT姑凉公众号原创文章，如需转载请注明出处，谢谢~https://mp.weixin.qq.com/s/-Iyc6RQB_vH-NcvuO5nNrwAntDesign的Form组件自定义校验表单校验将validator

IT姑凉·2023-08-14 04:01

js jquery写一个画板实现撤回、清空、换色的功能

画板的大小就是这个画板图片的大小page4body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh

半兽先生·2023-08-14 04:55

原子css 和组件化css如何搭配使用

lstncurser-pointer等常用的或者具备一定规律性的paddingmargin样式可以抽取为单独的原子类使用//移除ul的点.lstn{list-style-type:none;}//高度满屏.h100vh

很菜很菜的人·2023-08-12 19:33

一次搞懂数据大屏适配方案 (vw vh、rem、scale)

方案一：vwvh假设设计稿尺寸为1920*1080（做之前一定问清楚ui设计稿的尺寸）即：网页宽度=1920px网页高度=1080px我们都知道网页宽度=100vw网页宽度=100vh所以，在1920px

也有1點儿想你·2023-08-12 19:51

如何用css做出酷炫的视差滚动效果

Documentdiv{height:100vh;background:rgba(0,0,0,.7);color:#fff;line-height:100vh;text-align:center;font-size

花开花落的博客·2023-08-12 18:59

html根据图片变换背景色

html根据图片变换背景色.item{width:50%;height:80vh;margin:0auto;border:1pxsolidred;}//Loadtheimageconstimg=newImage

裴嘉靖·2023-08-11 05:05

【CSS】说说响应式布局

目录一、是什么二、怎么实现1、媒体查询2、百分比3、vw/vh4、小结三、总结一、是什么响应式设计简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

早睡第一人·2023-08-10 11:19

高德地图插件的使用

Document*{margin:0;padding:0;}#container{width:100%;height:100vh;}varmap=newAMap.Map('container',{zoom

smallmww·2023-08-10 05:44

CSS3中使用calc()设置浏览器宽度和高度减去固定值的写法

设置高度：height:calc(100vh-123px);说明：1、vh是heightofview(port)的缩写；2、100vh表示百分之百的视图高度；3、123px是需要

元仙僧·2023-08-09 19:25

canvas实现代码雨

学习抖音：@渡一前端必修课效果图：全部代码：Title*{padding:0;margin:0;}#view{max-width:100vw;max-height:100vh;overflow:hidden

就是个名称·2023-08-09 13:17

分享一个计算器

timi先生·2023-08-09 10:14

密宗其他文章

摩利支天咒https://mp.weixin.qq.com/s/VH1Hg8ekXxOhVzxCFMAHOg绿度母菩萨咒https://mp.weixin.qq.com/s/-R7lLDzaJY7vLEXlJ2p0AQ

理下陌发·2023-08-09 04:13

响应式设计与自适应设计

1响应式设计一个网页可以在不同窗口或者不同屏幕下很好得被展示的一种技术，这里可以理解为是一套代码实现的方法：媒体查询百分比布局（流式布局）响应式布局（flex、grid、多列）响应式图片rem方案、vh

水不腐-枢不蠹·2023-08-08 17:47

用 CSS 实现长宽为浏览器窗口一半的正方形

Document.box{width:50vw;height:50vh;background-color:blue;}

日晞·2023-08-08 17:15

CSS前端面试

文章目录rem、em、vh、px各自代表的含义？盒模型poison定位属性flex属性让元素水平垂直居中页面适配的方法有哪些rem、em、vh、px各自代表的含义？

Aloye_喜樂·2023-08-07 05:11

一文了解做网站应该选择什么样的服务器

服务器的种类市面上的服务器大致有三种：独立机房服务器虚拟服务器VPS虚拟主机VH什么是独立服务器我

KeenTalk·2023-08-06 21:14

沃克斯电梯入驻杭州星光城共同打造高端核心商圈

而近日，沃克斯电梯再次获得该类别大单，顺利携手星光城商业控股有限公司，为坐落于杭州城西核心圈的情景式商业街区——星光城W500提供包括VE系列乘客电梯、VH系列载货电梯、VF系列自动扶梯在内的高品质产品

鹿豹座网·2023-08-06 12:06

uniapp微信小程序横竖屏切换样式适配

1、rpx布局是不能直接实现的，写两套（横屏、竖屏）样式才可以达到想要的效果2、使用：百分比、rem、vw\vh、vmin\vmax、px（px布局在不同设备上有差异）都可以一套样式实现横竖屏适配二、本文重点说

停留的章小鱼·2023-08-06 00:34

微信小程序scroll-view真机调试，滑动刷新失效问题

1，检查scroll-view的height是否用“vh”为单位2，height度太高，没有触发事件，适当减小高度

清风竹语·2023-08-06 00:00

vue大屏展示代码从0 到1

flex-a-center-j-between{display:flex;justify-content:space-between;align-items:center;}#parentDiv{width:100vw;height:100vh

前端vue·2023-08-05 11:01

推荐频道

vh