E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vh
CSS尺寸单位详解(rpx、px、pt、em、rem、%、
vh
、vw的区别)
设备物理像素pt:屏幕宽、分辨率,其中每一小份就是1pt。css像素px:pc机大屏幕显示器,1px约等于0.76个物理像素手机小屏幕:以IPhone6为标准,物理像素750,分辨率3751px=2pt。px也是一个相对单位px是为了平衡一个元素在PC上显示的大小与在手机上显示的大小尽量一致而制定的。手机屏幕大小不一,差异较大,所以反而不希望一个元素在所有手机上显示一样大。而是希望能够自动等比缩放
abiao1981
·
2023-12-28 16:00
web前端
CSS
css
前端
flex布局中滚动条展示内容时部分内容无法显示
demo复现一下这个问题,如下:Document*{margin:0;padding:0;box-sizing:border-box;}.container{width:100vw;height:100
vh
劫辞
·
2023-12-28 12:50
问题记录
javascript
css
前端
css3的vw单位,
vh
单位的讲解,以及vw
vh
的兼容性
vwvh的介绍vw,
vh
是css3中给我们提供的新的单位,他们是相对于viewport视窗的宽高进行计算的单位。说白了,就是相对于浏览器的窗口的大小。
前端一枚
·
2023-12-28 08:56
css
css
html
实现响应式布局有几种方法
目录什么是响应式布局响应式与自适应区别响应式布局方法总结响应式布局方法一:CSS3媒体查询响应式布局方法二:百分比%响应式布局方法三:vw/
vh
响应式布局方法四:rem响应式布局方法五:flex弹性布局利用
儒雅的烤地瓜
·
2023-12-28 08:23
CSS学习笔记
css
前端
响应式布局
响应式布局方法
flex弹性布局
css中animation动画的step-end/step-start参数作用
step-end/start有关他们的作用,先看一例:HTMLCSSbody{height:100
vh
;width:100%;display:flex;justify-content:center;align-items
星野睡不醒
·
2023-12-28 07:59
css
css
js
css3
html
animation
echarts 基础实现我国地图板块
geo.datav.aliyun.com/areas_v3/bound/100000_full.json直接上案例Documentbody{margin:0;padding:0;}.box{width:100vw;height:100
vh
旧梦星轨
·
2023-12-28 02:39
Echarts
echarts
前端
javascript
数据可视化
按钮旋转的js动态效果
旋转按钮点击旋转CSS(styles.css):cssCopycodebody{display:flex;align-items:center;justify-content:center;height:100
vh
elirlove1
·
2023-12-27 17:07
javascript
开发语言
ecmascript
HTML实现圣诞树
https://aiyc.top/Christmas-tree/Code:*{box-sizing:border-box;}body{margin:0;height:100
vh
;overflow:hidden
AI悦创|编程1v1
·
2023-12-27 16:17
编程一对一教学
html
前端
javascript
calc()
100%-10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持"+","-","*","/"运算;calc()函数使用标准的数学运算优先级规则; height:calc(100
vh
u014378108
·
2023-12-27 02:57
css
前端
css3
实现iframe的100%高度和宽度
display:block;/*iframesareinlinebydefault*/background:#000;border:none;/*Resetdefaultborder*/height:100
vh
高明
·
2023-12-26 17:40
前端
JavaScript实现视频共享
1.视频共享webrtc-masterindex.htmlbody{display:flex;height:100
vh
;margin:0;align-items:center;justify-content
今晚哒老虎
·
2023-12-26 14:18
JavaScript
javascript
音视频
开发语言
vh
?ch?ex?这些单位你了解吗?
目录前言一、常见单位1、px单位2、dp单位3、pt单位4、百分比%5、em单位6、rem单位7、vw和
vh
单位8、ch、ex单位二、如何换算1、pt和px换算2、px和dp换算3、em和px换算4、rem
富朝阳
·
2023-12-25 15:42
CSS
前端
css3
css
CSS之em、px、rem的区别
虽然在日常的开发中px、%用的多些,也会用到
vh
、vw,其他的虽然用的少但也得了解,说不定就能解决你样式中的问题呢。
heiyay
·
2023-12-25 08:46
css
前端
em
rem
【PHP】租贷包包系统
index.phpbody{background-image:url('image/background.jpg');/*替换为实际的背景图片路径*/background-size:cover;height:100
vh
Ye-Maolin
·
2023-12-25 06:31
PHP
MySQL数据库系统
php
前端
后端
数据库
祝福各位CSDN的小伙伴圣诞快乐
1.源码圣诞树*{box-sizing:border-box;}body{margin:0;height:100
vh
;overflow:hidden;display:flex;align-items:center
默o。
·
2023-12-25 04:21
html
html5
css
js
圣诞快乐
微信小程序如何获取屏幕宽度
方法2:.imgClass{width:100vw;}”vw”=”viewwidth”“
vh
”=”viewheight”CSS3引入的”vw”和”
vh
”基于宽度/高度相对于窗口大小以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小
赵羽珩
·
2023-12-24 14:02
有趣头像Hover效果
我的头像body{margin:0;min-height:100
vh
;display:grid;place-content:center;background:#c2de35;}img{--s:200px
new code Boy
·
2023-12-23 13:57
javascript
前端
开发语言
3D立体墙照片
body{background-color:#2f3542;}main{display:flex;align-items:center;justify-content:center;height:100
vh
你的美,让我痴迷
·
2023-12-23 09:14
3d
css3
css
解决xftp6 要继续使用此程序,您必须应用最新的更新或使用新版本
方法:下载C32asm,C32asm选择十六进制编辑,C32asm可直接用我百度网盘分享https://pan.baidu.com/s/169
VH
_xJmULjKXg950KE4Hw密码:i4c5打开xftp6
XM-5458
·
2023-12-23 08:08
xftp
HTML5+CSS3小实例:3D分层按钮的悬停效果
初始化取消内外边距*/margin:0;padding:0;/*设置的边框和内边距的值是包含在总宽高内的*/box-sizing:border-box;}body{/*100%窗口高度*/height:100
vh
艾恩小灰灰
·
2023-12-23 05:57
前端可视化大屏自适应终极解决方案autofit.js
三大常用方式vw/
vh
方案概述:按照设计稿的尺寸,将px按比例计算转为vw和
vh
优点:可以动态计算
冰眸js
·
2023-12-22 21:15
前端
javascript
开发语言
vue.js
vue首屏渲染 loading动画效果
在public文件下新建app-loading.css/*白屏阶段会执行的CSS加载动画*/#app-loading{position:relative;top:45
vh
;margin:0auto;color
邯郸达文西
·
2023-12-22 20:02
vue.js
前端
javascript
一行代码修复100
vh
bug | 京东云技术团队
只需添加一行CSS并不难:.my-page{height:100
vh
}1
vh
是视口高度的1%,正是我们所需要的。但当我们在移动设备上测试时,就会出现问题。移动浏览器的视口可以动态改变,但值保持不变。
京东云开发者
·
2023-12-22 09:34
前端
bug
京东云
前端
CSS
一行代码修复100
vh
bug
只需添加一行CSS并不难:.my-page{height:100
vh
}1
vh
是视口高度的1%,正是我们所需要的。但当我们在移动设备上测试时,就会出现问题。移动浏览器的视口可以动态改变,但值保持不变。
京东云开发者
·
2023-12-22 09:02
bug
一行代码修复100
vh
bug
只需添加一行CSS并不难:.my-page{height:100
vh
}1
vh
是视口高度的1%,正是我们所需要的。但当我们在移动设备上测试时,就会出现问题。移动浏览器的视口可以动态改变,但值保持不变。
快乐非自愿
·
2023-12-22 05:43
bug
前端
css
Vue3使用 xx UI解决布局高度自适应
解决方案在相应的Sider部分添加:height:‘91.8
vh
’,即可。示例:}知识补充vw、
vh
、vmin、vmax是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。
极简之美
·
2023-12-22 01:24
ui
使用js和canvas实现下雪效果
需求:实现较为逼真的下雪效果实现:body{display:flex;justify-content:center;align-items:center;gap:1em;min-height:100
vh
fury_123
·
2023-12-21 21:01
javascript
css
开发语言
雪花效果
按钮Hover边框绘制特效
PingFangSC';}.container{display:flex;align-items:center;justify-content:center;width:100vw;height:100
vh
你的美,让我痴迷
·
2023-12-21 15:47
javascript
前端
html
css实现呼吸字
Title*{box-sizing:border-box;}body{display:grid;place-items:center;min-height:100
vh
;background:hsl(00%
jjbnxy
·
2023-12-21 08:53
【css技巧】分享
1.打字效果代码实现:有趣且实用的CSS小技巧.wrapper{height:100
vh
;display:flex;align-items:center;justify-content:center;}
【南汐】前端
·
2023-12-21 04:24
css
css
前端
vue3 postcss-px-to-viewport 页面自适应
postcss-px-to-viewport是一个PostCSS插件,它可以将px单位转换为视口单位(vw、
vh
或vmin)。视口单位是
小钱999
·
2023-12-20 07:16
Vue3
postcss
前端
javascript
轮播原生。
swiperNormal*{padding:0;margin:0;}html,body{height:100
vh
;}.swiper-box{display:inline-block;box-sizing
伊昂呀
·
2023-12-20 07:57
javascript
前端
css
Js实现动态记录textarea中字数
200CSS:.textareastyle{border:1pxsolid#0376FD;border-radius:5pt;height:60pt;font-size:10pt;margin-bottom:2
vh
废柴码农
·
2023-12-19 23:38
【前段基础入门之】=>CSS3新特性 响应式布局
文章目录概念媒体查询媒体类型媒体特性媒体运算符概念所谓对响应式布局方案的理解,众说纷纭,核心点就是同一套代码在不同尺度屏幕下的布局呈现方式的不同社区中有很多人分享,并列出了多种实现响应式布局的方案,比如【rem,百分比%,vw,
vh
旧梦星轨
·
2023-12-19 18:39
CSS
css3
前端
html5
css解决图片失真问题
1.背景图片失真.con{height:100
vh
;width:100vm;background:url(../..
皮卡皮卡qiu~
·
2023-12-19 07:27
css
前端
firefox
flask搞个简单登录界面
background-color:#f4f4f4;margin:0;padding:0;display:flex;align-items:center;justify-content:center;height:100
vh
零时搞学习
·
2023-12-19 05:19
Web
Python3
flask
python
移动端适配
userAgent判断用户使用的设备,跳转到相应的网站移动端适配(rem)元素的度量单位px像素em根据父元素来计算大小(项目中比较少用)rem根据根节点(html)元素的font-size进行计算大小vw/
vh
涅槃no重生
·
2023-12-19 04:43
display-grid 内容滚动处理
l-top{background-color:aqua;}.l-center{overflow:auto;background-color:red;}.l-center__info{height:200
vh
Sam young
·
2023-12-19 00:18
知识点
功能
javascript
前端
开发语言
TDA4VM/
VH
单核软复位原理与实现实现
说明由于TI的RTOSSDK没有提供单核复位的代码,经过仔细阅读TDA4VM芯片技术参考手册,发现可以通过触发LocalReset实现单核软复位。结论该方法已验证,可以复位MAIN域的A核与R核,以及MCU域的R5F1_1(mcu_r5f1_0需要按照SBL启动app的方式实现复位,DSP核未测试)原理在TDA4VMTRM的第5.2.2.2.1.4.3章节,LocalReset用于复位芯片上的某一
嵌入式小小怪下士
·
2023-12-18 09:44
TDA4VM
【后端学前端】第四天 css动画 垂直轮播效果(css变量、位移缩放动画、动画延迟)
css变量、位移缩放动画、动画延迟)_哔哩哔哩_bilibili2、源码Title*{margin:0;padding:0;box-sizing:border-box;}body{height:100
vh
香菜+
·
2023-12-18 04:59
前端学习
前端
css
腾讯地图绘画多边形,计算面积,删除多边形?
效果图:腾讯地图绘画多边形-PC版本地图html,body{height:100
vh
;margin:0px;padding:0px;}#my_app{height:100%;}#container{width
zhooson
·
2023-12-17 23:33
javascript
前端
css
腾讯地图
腾讯地图绘画多边形和计算面积
地图html,body{height:100
vh
;margin:0px;padding:0px;}#my_app{height:100%;}#container{width:100%;height:80%
zhooson
·
2023-12-17 23:31
javascript
前端
css
HTML5+CSS3小实例:弹性标签动画
HomeCommentEnvelopeHeartUser三、编写CSS3样式*{margin:0;padding:0;box-sizing:border-box;}body{/*设置body高度为100%窗口高度*/height:100
vh
编程乐学
·
2023-12-17 00:06
HTML5+CSS3+JS
html5
css3
前端
【CSS】用 CSS 写一个渐变色边框的输入框
Using_CSS_gradientsMDN多渐变色输入框,群友问了下,就试着写了下,看了看css渐变色MDN文档,其实很简单,代码记录下:Documentbody{height:100
vh
;display
努力挣钱的小鑫
·
2023-12-16 21:11
CSS
css
前端
WX小程序案例(一):弹幕列表
danmus.length}}条弹幕发送{{inputValue}}-->WXSS内容/*pages/formCase/formCase.wxss*//*.bk{width:750rpx;height:100
vh
Int mian[]
·
2023-12-16 17:25
小程序
target伪类实现标签切换不起作用的问题
目的是希望实现点击标签切换相应的页,原始代码如下:移动端视图切换*{padding:0;margin:0;box-sizing:border-box;}body{width:100vw;height:100
vh
小雪洁
·
2023-12-16 09:34
css——
vh
单位
新接触的
vh
单位说明:相对于视口的高度。
9979eb0cd854
·
2023-12-16 09:22
[Vulnhub靶机] DriftingBlues: 7
Vulnhub靶机]DriftingBlues:7靶机渗透思路及方法(个人分享)靶机下载地址:https://download.vulnhub.com/driftingblues/driftingblues7_
vh
.ova
haosha。
·
2023-12-16 07:43
安全
vue 切换标签
';},shangjiaSele(){this.styleShow='weixuanze';}}}.body{padding-top:151rpx;width:100%;height:calc(100
vh
菜泡泡@
·
2023-12-16 04:46
vue.js
前端
javascript
昨天又开始用喜马拉雅了
http://xima.tv/0
vh
9c5这是我在全民朗读的第一篇作品。其实两年前吧就注册了,或许还有更早的账户,一直就是听一听,偶尔。
英语发音大大说
·
2023-12-15 13:08
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他