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
html+css实现加载动画
效果图如上,我不会做动图,啊啊啊,会的小伙伴教我一哈[手动抱拳]代码很简单,就直接上代码了body{width:100%;height:100
vh
;display:flex;justify-content
韩大璐
·
2020-08-15 16:45
布局
css
html+css
加载动画
使用html+css做出水球效果
*{margin:0;padding:0;}body{height:100
vh
;background:linear-gradient(rgb(95,95,250),10%,rgb(3,3,110));}
Glinty
·
2020-08-15 13:09
前端
css
html
web页面(小程序)列表滑动事件穿透解决方案
造成问题的场景是一个数据列表页,通过触底上滑加载数据所以我把页面最外层的view加了一个min-height:'100
vh
'让这个列表可以自动增加高度进行扩容这个列表页有很多筛选条件或者说是筛选项,我做了一个有背景遮罩层的弹出组件
coder_ldl
·
2020-08-15 10:25
小程序
vue
web
微信小程序——ColorUI快速开发首页手记
QQ1285575001WechatM010527技术交流QQ群599020441纪年科技aming首页custom顶部搜索框text{{index}}.page-container{height:100
vh
amingMM
·
2020-08-15 05:58
腾讯小程序
HTML中的常用单位
mm、inpx:是像素单位也是常用单位cm:厘米mm:毫米in:英寸;(1英寸=2.54厘米)相对单位可实现响应式布局,会随着屏幕尺寸变大或缩小(都是子元素相对父元素进行的)相对单位:%、rem、vw、
vh
wgaoxian
·
2020-08-15 00:06
Sass基础——如何让用SASS自动将PX转化为EM的 Mixin和@function
,还出现了新的单位,比如rem,vw,
vh
,vmin和vmax等等。在CSS-trick有对这些单位进行描述(可以点击这里阅读中文)。在这么多
weixin_34389926
·
2020-08-15 00:17
长度单位vw
vh
vm手机屏幕适配及应用场景
vh
:viewpointheight,视窗高度,1
vh
等于视窗高度的1%。vmin/vm相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin(即vm)。
Mathilda91
·
2020-08-15 00:09
尺寸单位em,rem,
vh
,vw
这几天做demo,看了网上教程有用到尺寸单位
vh
,vw,这些单位不是很熟悉,所以上网上找了些资料来认识了这些不认识的单位1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了em就相当于“倍”,比如设置当前的
Aus0049
·
2020-08-15 00:14
CSS
css3中calc、vw、
vh
、vmin、vmax 属性的应用及兼容性
一、calc()的使用什么是calc()?calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc(
zyoungw
·
2020-08-15 00:59
前端技术
几种常见的长度单位整理
视口被均分为100单位的vw屏幕宽375px,1vw=3.75px;
VH
相对于视口的高度。
月迷津渡丶
·
2020-08-14 23:02
Web
css
VW
VH
REM
EM
响应式
vue-cli 3.0 配置sass/scss全局函数、变量 配合 vw
vh
做移动端自适应布局
前言以前做移动端项目布局都是rem来做的,但rem需要在页面中引入js,根据设备的宽度来修改根节点标签的font-size样式属性(相对长度单位。相对于根元素(即html元素)font-size计算值的倍数)才能配使用!rem单位js代码:(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inw
MuGuiLin
·
2020-08-14 23:26
css 长度设置单位(px,em,rem,vw,
vh
)
4.vw,vhvw(viewpointwidth),视窗宽度,1vw=视窗宽度的1%
vh
(viewpointhei
前端萌新一枚
·
2020-08-14 23:25
CSS长度单位:
vh
、vw、vmin、vmax、em、rem、ex、ch、px
相对长度单位包括有:em,ex,ch,rem,vw,
vh
,vmax,vmin绝对长度单位包括有:cm,mm,q,in,pt,pc,px1、
vh
、vw有点像width和height属性,v(viewpoint
Liyuxinger
·
2020-08-14 23:32
CSS
Css单位px,rem,em,vw,
vh
的区别
pxpx就是pixel像素的缩写,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的emem是相对长度单位。相对于当前对象内文本的字体尺寸(参考物是父元素的font-size)如当前父元素的字体尺寸未设置,则相对于浏览器的默认字体尺寸特点:1.em的值并不是固定的;2.em会继承父级元素的字体大小remrem是CSS3新增的一个相对单位,rem是相对于HTML根元素的字体
aoxi9939
·
2020-08-14 23:11
CSS水滴融合效果
首先设置一个容器,在容器里写三个div在把这个容器居中.container{display:flex;justify-content:center;align-items:center;min-height:100
vh
码小余の博客
·
2020-08-14 16:46
css
html
css3
css3
animation
html
H.264 bitstream malformed, no startcode found, use the video bitstream filter ‘h264_mp4toannexb‘
]H.264bitstreammalformed,nostartcodefound,usethevideobitstreamfilter'h264_mp4toannexb'tofixit('-bsf:
vh
264
Data-Mining
·
2020-08-14 13:55
FFmpeg实用技巧
音视频开发
ffmpeg
ts
avi
rtmp
h264
css加js实现鼠标跟随炫酷气泡效果
*{margin:0;padding:0;}body{overflow:hidden;}#canvas{background-color:black;/*width:100%;height:100
vh
;
渣 渣 辉
·
2020-08-14 12:43
css
js
特效
Mount 命令参数
mount[-
Vh
]mount-a[-fFnrsvw][-tvfstype]mount[-fnrsvw][-ooptions[,…]]device|dirmount[-fnrsvw][-tvfstype
ualaity
·
2020-08-14 12:03
将源码包制作成RPM包
将源码包制作成RPM包1、素材nginx-1.8.0.tar.gznginx.service2、安装打包工具[root@
vh
01~]#yuminstall-yrpm-build3、生成工作目录[root
weixin_33743703
·
2020-08-14 11:54
Mount 命令参数
mount[-
Vh
]mount-a[-fFnrsvw][-tvfstype]mount[-fnrsvw][-ooptions[,…]]device|dirmount[-fnrsvw][-tvfstype
Lee杀死天真
·
2020-08-14 10:53
好玩的鼠标跟随彩色气泡特效
代码:*{margin:0;padding:0;}body{overflow:hidden;}#canvas{background-color:black;/*width:100%;height:100
vh
空谷丶幽兰
·
2020-08-14 09:28
好玩的特效
微信小程序如何显示地图并设置全屏
微信小程序在界面上显示地图,你只需要用map标签即可:例如北京的经纬度为:116.46,39.92 在对地图进行控制显示区域大小时,想将地图全屏显示在手机上,使用平时的px或者直接使用百分比对于高度全屏无效,这时候可以通过
vh
mm_hello11
·
2020-08-14 07:44
微信小程序
微信小程序怎么设置垂直方向或者水平方向等分铺满全屏
**解决办法:**有几种方法,比如style里面动态设置页面屏幕宽高的百分比,最简单的一种是直接使用
vh
和vw(微信提供得手机宽高)。
程序员学园
·
2020-08-14 06:17
微信小程序
アナベル / 圣骑
目录基本资料面板值(无天冥加成)天冥奖励技能本体技能说明AS技能说明回到人物索引基本资料4★5★AS卡池(Ver1.1.0)卡池(Ver1.1.0)卡池(Ver2.3.0)—聖騎士の書(ミグランス城
VH
AnotherEden
·
2020-08-14 06:20
人物资料
ヴィクト / 维克托
目录基本资料面板值(无天冥加成)天冥奖励技能本体技能说明回到人物索引基本资料4★5★卡池(Ver2.5.10)卡池(Ver2.5.10)—インドラの書(魔獣城
VH
)天冥属性武器防具属性耐性异常状态耐性冥雷
AnotherEden
·
2020-08-14 06:20
人物资料
微信小程序中的fixed布局 以及video标签添加position:fixed中的坑
因为这样做其实会导致出现黑框固定,里面视频依然会滚动,解决办法就是在用view吧video包起来,对view使用fixed即可,另外我们微信一般都是从上到下,滚动区域我们可以写成scroll-view,而单位统一为
vh
weixin_34361881
·
2020-08-14 06:27
打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决...
1、异常代码.box{min-height:100
vh
;width:100%;position:relative;}.position{position:absolute;left:0;width:100%
qq_38323724
·
2020-08-14 06:02
微信小程序连接图灵API实现智能聊天(超级简单)
小程序的demo.wxml{{tittle}}{{item.isay}}{{item.robot}}发送清空demo.wxss.top{position:fixed;top:0;height:6
vh
;width
Jarry96
·
2020-08-14 03:23
微信小程序
微软Win8&Server2012各版本安装密匙序列号
HWPGY-7PGT9-HGDD8-GVGGYWindows8RT(ARM)正式版密匙-DXHJF-N9KQX-MFPVR-GHGQK-Y7RKVWindows8Professional密匙-NG4HW-
VH
26C
qingxukang
·
2020-08-14 02:24
激活码
radvd - Linux man page
radvd-LinuxmanpageNameradvd-routeradvertisementdaemonforIPv6Synopsisradvd[-
vh
][-ddebuglevel][-Cconfigfile
fengyv
·
2020-08-14 02:44
linux
应用
2020年前端学习路线
CSS3W3CCSS文档W3CCSS3文档Flex布局教程:语法篇Flex布局教程:实例篇各种鼠标效果样式深入理解CSS新特性1.3移动端布局移动端基本概念viewport窗口设置移动端布局方案rem、
vh
哆啦La梦
·
2020-08-13 23:00
Vue中如何实现为单独页面设置背景色
在vue中想为单独的一个页面设置背景色,但是受内容高度影响,没办法设置整个页面的背景色,下边提供两种方法实现改变整个页面的背景色:一、给页面设置min-height:100
vh
;-->推荐如果内容不足以撑满整个页面
陈2荣
·
2020-08-13 22:37
前端
vuejs
微信开发者工具+css3波纹扩散特效
htmlcss.body{height:100
vh
;background-color:#F5F6F7;position:relative;}.circle{position:absolute;left:
凡尘向天
·
2020-08-13 17:36
微信小程序
微信小程序使用translate3d实现无限循环移动,在IOS出现闪屏问题
transform:translate3d(0;0,0);}}.J-slider{position:relative;overflow:hidden;}.block{width:100vw;height:50
vh
little_kid_pea
·
2020-08-13 15:45
笔记
elementUI container布局不生效解决办法
HeaderAsideMain在写项目中,用到了container布局,我代码复制的官网,应该是没有问题的,但是却没有出现预期的结果,页面显示如下图然后看了下高度宽度,我把#app的高设置为100
vh
(
Sys_菜菜
·
2020-08-12 16:26
随笔
问题
vue/cli3.0配置px转rem,vw/
vh
项目又在vue/cli3.0做移动端,像配置一下px转rem,以及vw。方便项目的开发,记录一下配置的内容,下面就是配置内容:1.使用pxtorempx转成remnpminstalllib-flexible或者yarnaddlib-flexible让网页根据设备dpr和宽度,利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备在main.js引入中:impo
weixin_30549657
·
2020-08-11 23:38
px转
vh
/vw
解决:首先想到的
vh
,100
vh
的高度刚好可以撑开整个可视区的高度。由于头部有高度剩下的内容整体高度就不能是100
vh
,而是100
vh
-60px,这就涉及到两个单位之间的转换。
__Amy
·
2020-08-11 22:39
CSS
vue-cli3.0项目中使用vw——相比flexible更原生的移动端解决方案
以前喜欢用lib-flexible配合px2rem达到移动端适配的效果,最近了解了下vw与
vh
单位,以viewport为基准,1vw与1
vh
分别为window.innerWidth与window.innerHeight
光就一个字
·
2020-08-11 22:35
vue
移动端
移动端适配webpack配置px转rem或
vh
,vw
移动端适配常用百分比,rem,后来又多了一个
vh
,vw。
找工作的前端
·
2020-08-11 21:28
js前端
css
css3
vue项目中使用vw/
vh
vw/
vh
这个单位可以根据电脑浏览器自适应vw——视口宽度的1/100;
vh
——视口高度的1/100——MDN在pc端,视口宽高就是浏览器得宽高;在项目中引入插件npminstallpostcss-importpostcss-loaderpostcss-px-to-viewport
hjy170314
·
2020-08-11 21:11
前端知识
[前端开发面试题][CSS]flex布局的应用场景----圣杯布局
纵向弹性盒中间可伸缩,横向弹性盒两边宽度固定,中间(黄色部分)伸缩提醒:1.默认弹性盒是横向的,所以要设置方向-》flex-direction:column;2.纵向弹性盒要记得设置高度-》height:100
vh
DaftJayee
·
2020-08-11 20:44
前端面试题
css
简单的vue+echarts封装
importechartsfrom"echarts";exportdefault{name:"echarts",data(){return{};},props:{height:{type:String,default:"80
vh
迷人的萌庆
·
2020-08-11 19:58
Vue.js笔记
智能手环系统设计-资料提取码1003
https://mp.weixin.qq.com/s/w1
Vh
414MerJnK8wuQHnNIQ————————————————————————————————————————————本文主要研究了智能手表的硬件结构和软件结构的设计
电子开发圈_公众号
·
2020-08-11 14:52
MCU51系统设计
20行代码能干嘛?
贪吃蛇重构body{display:flex;height:100
vh
;margin:0;padding:0;justify-content:ce
王彦清
·
2020-08-11 13:12
JavaScript
css长度单位
html根节点的font-size大小,比如根节点font-size:16px,1rem=16px4.百分比:百分比是相对值,相对于父级的宽度或高度5.vw:以视窗宽度为基准,1vw表示视窗宽度的百分之一
vh
IamaStupid
·
2020-08-11 11:06
【CSS/JavaScript】动态生成皮卡丘
animate-pikachu/index.htmlHtml代码:PikachuCSS代码:*{margin:0;padding:0;box-sizing:border-box;}body{height:100
vh
SEVLT
·
2020-08-10 21:37
CSS
JavaScript
【JavaScript】贪吃蛇小游戏
简单普通困难当前得分:0Tips:回车键以开始/暂停CSS代码:*{margin:0;padding:0;box-sizing:border-box;}body{width:100%;height:100
vh
SEVLT
·
2020-08-10 21:37
JavaScript
javascript
marquee js实现&头尾固定中间滑动布局&移动端mate
body{/*height:auto;min-height:100%;*//*overflow:hidden;*/position:absolute;bottom:0;top:0;/*height:100
vh
futuretodaylonggong
·
2020-08-10 17:03
前端
2019第十五届“强智杯”湖南省大学生计算机程序设计竞赛 | 总结
监考老师一直说讨论声音小一点……(比赛不就是要讨论出来的吗)每个队伍只有一份试题……还有compileerror居然算罚时qsl排名:链接:https://pan.baidu.com/s/1T6J43
vh
2gZd90EtrYDFJAA
OneLine_
·
2020-08-10 14:06
比赛周记
Git的安装和使用详细版(含本地仓库及远程仓库的创建以及介绍)
一、Git的安装1、下载链接:https://pan.baidu.com/s/1xTYssaZ_E8FAmM3
vH
7RanA提取码:j3942、更改下安装路径,其他的一路next即可。
不吃猫的鱼c
·
2020-08-10 11:23
工具安装
上一页
26
27
28
29
30
31
32
33
下一页
按字母分类:
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
其他