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】背景图片模糊效果
首先原图片效果+代码:image.png.wrapper{position:relative;width:100%;height:100
vh
;overflow:hidden;}.wrapper::before
愫幕
·
2021-06-14 01:55
搞清楚CSS单位px、em、rem、
vh
、vw、vmin、vmax
1、px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的。2、em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。看下面例子:HTML:bodydiv1div2div3CSS:div{font-size:1.5em;}这里写图片描述计算关系是这样的:body的font-size是继承自跟元素html,html的尺寸是浏览器
lueyoo
·
2021-06-13 22:22
sass 转换vw单位实现完全自适应
1080;@functionvw($px){@return($px/$base_width)*100vw;}@functionvh($px){@return($px/$base_height)*100
vh
路尔轩
·
2021-06-13 22:15
css3 尺寸
1,vw、
vh
、vmin、vmax的含义(1)vw、
vh
、vmin、vmax是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。
Jinxhao18
·
2021-06-11 08:12
腾讯云简介PPT(2020年更新)
腾讯云发展、产品体系、上云场景简介下载链接:https://x-x.fun/i/
VH
9fc00170Jkk
兔崽子12323
·
2021-06-10 20:47
某种经典的居中方式
居中效果展示代码展示:[html][css]*{ margin:0; padding:0;} html,body { height:100
vh
;}.centerbox { width:100px
lixiaochi
·
2021-06-10 14:12
像素单位的区别
从css3开始,浏览器对逻辑单位的支持又提升到了另外一个境界,增加了rem、
vh
、vw、vm等一些新的长度单位,我们可以利用这些新的单位开发出比较良好的响应式页面,随之覆盖多种不同分辨率的终端,包括移动设备等
啊啊啊满
·
2021-06-07 00:30
css3自适应布局单位vw,
vh
它涉及3个视口:LayoutView(布局视口),VisualViewport(视觉视口)ldealviewport(理想视口).css3规范,视口单位主要包括以下4个:vw:1vw=视口宽度的1%;
vh
sunny2009day
·
2021-06-04 18:54
《真实的幸福》阅读笔记
二、幸福的公式H=S+C+
VH
是幸福的持久度,S是幸福的范围,C是生活环境,V是可以控制的因素。三、获得幸福的三个方法感恩和宽恕练习能够使你更幸福。REACH宽恕五步法Recall回忆
崔晓龙室内设计师
·
2021-06-04 02:46
Windows 10 1809更新后窗口边框变粗
source:https://www.reddit.com/r/Windows10/comments/9xa6
vh
/window_borders_extremely_thick/
避雷殝
·
2021-06-03 22:58
Vue.js 实战系列之实现视频类WebApp的项目开发——17. 我的消息页面的实现
项目仓库地址,欢迎Star实现效果功能实现设置项目整体背景色(补充)发现项目中大部分页面都是统一的黑色背景,为了方便,我们可以在App.vue中设置背景色#app{height:100
vh
;background-color
前端小新_XH
·
2021-05-28 16:10
新星计划
Vue
实战系列
新星计划
vue
html
css
app
干韩国活动
干韩国活动要点:背景图片铺满全屏方法一:min-height:100
vh
;这是css3的长度单位
vh
,相对视口的高度被分为100单位的
vh
,100
vh
也就表示占满相对视口。
生擒一条鳄鱼
·
2021-05-19 12:23
css3长度单位vw、
vh
、rem 详解
vw、
vh
、vmin、vmax这四个单位都是基于视口的。
alipy_258
·
2021-05-19 09:39
图像分层效果
html:fenCengImgcss:body{margin:0;padding:0;width:100%;height:100
vh
;display:flex;align-items:center;justify-content
刘前端
·
2021-05-18 10:35
翻译小程序的实现
/assets/iconfont/iconfont.wxss";.container{padding:0;background-color:#f5fafe;height:100
vh
;display:flex
sweetBoy_9126
·
2021-05-18 05:13
微信小程序填坑之路(三):布局适配方案(rpx、px、vw、
vh
)
因为小程序是以微信为平台运行的,可以同时运行在android与ios的设备上,所以不可避免的会遇到布局适配问题,特别是在iphone5上,因为屏幕尺寸小的缘故,也是适配问题最多的机型,下面就简单介绍几种适配方法。rpx适配rpx是小程序中的尺寸单位,它有以下特征:小程序的屏幕宽固定为750rpx(即750个物理像素),在所有设备上都是如此1rpx=(screenWidth/750)px,其中scr
李益99
·
2021-05-16 19:20
px upx 和rpx
前言随着web前端技术的飞速发展,出现了越来越多的元素单位供大家选择和使用,如%、vw、
vh
、px、em、rem等等,笔者认为rem已经是前端使用的频率较高的自适应单位了,然而近几年又流行了rpx和upx
MC桥默
·
2021-05-16 16:48
遇到的问题
2.认识了一个新的高度宽度值:100
vh
:视宽
丁丁尥料
·
2021-05-16 12:09
关于CSS部分标签用法
相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸:如果有设置,则是相对于你设置过后的字体大小.同时em会继承父级元素的字体大小.rem:它是相对于根节点默认字体大小.vw,
vh
饥人谷_mquater
·
2021-05-12 10:25
夏日小空调特效 html+css+js
):实现过程:1.定义标签:17°C☁▲▼2.老样子定义全局css样式,复制即可:*{padding:0;margin:0;box-sizing:border-box;}body{height:100
vh
北极光之夜。
·
2021-05-12 00:50
前端大全
js
创意效果大全
html
css
js
css3
css动画
第一个动画播放完播放第二个动画动画一body{display:flex;height:100
vh
;justify-content:center;align-items:center;background
向前端看齐的安小艳
·
2021-05-10 15:01
手机端样式调用适配web端的代码
方案1注意一点:貌似大漠今年(17)年推荐使用
vh
与vw进行适配了。
戒惜舍得
·
2021-05-08 05:14
jSignature移动端竖屏状态的横屏签字处理
rotate(90deg);}确定$(function(){$("#signature").jSignature({'UndoButton':true,'height':'100vw','width':'100
vh
亻廴聿
·
2021-05-06 02:14
css3中单位px,em,rem,
vh
,vw,vmin,vmax的区别及浏览器支持情况
px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。rem:相对单位,可理解为”rootem”,相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号,即使设置成10px最终都会显
萤火虫de梦
·
2021-05-04 00:32
《前端自学者的路上~查漏补缺笔记01》
前端自学者的路上~查漏补缺笔记目录CSS外轮廓outlineoutline:1pxsolid#000鼠标指针cursor十字交叉线cursor:crosshair;单位em和
vh
弹性盒模型display
yk-ddm
·
2021-05-03 19:00
前端
前端
Convert height of an document from pixel to
vh
Theheightofdocumentobjectispixel,timespercentagetoconvertintovh//10vhdocument.documentElement.clientHeight*0.1;
RoyTien
·
2021-05-01 02:09
div+css 伪类制作个横向步骤箭头标签
html部分第一步第二步第三步第四步第五步css部分.step-col{span{color:#000;height:
vh
(28);width:vw(85);line-height:
vh
(28);@includefont-size
十八里8837
·
2021-04-28 15:14
纯CSS制作一张色卡
目标一、定义图标容器定义一个容器:居中显示:body{margin:0;height:100
vh
;display:flex;align-items:center;justify-content:center
夏知更
·
2021-04-28 12:17
ガラムバレル / 泰坦
目录基本资料面板值(无天冥加成)天冥奖励战斗宣言(VC)被动效果技能回到人物索引基本资料4★5★卡池(Ver2.9.10)卡池(Ver2.9.10)—フルングニルの書(人喰い沼
VH
)天冥属性武器防具属性耐性异常状态耐性天风枪护腕地
AnotherEden
·
2021-04-27 23:17
人物资料
原生js实现文章内容分页和换行效果?
margin:0;padding:0;}:root{/*--webkit-color:rgb(34,128,70);*/--itemColor:rgb(46,114,146);}.demo{height:100
vh
浅浅一笑^*^
·
2021-04-27 09:44
原生JS操作DOM
JavaScript
css
html5
js
css适配方案选择
字体大小以“相对单位rem”为单位更合适(以19201080的设计稿为基本尺寸设置rem值,也可以使用,设计稿的尺寸38402160为基本尺寸设置rem)(字体相对单位);2、大的布局的宽高以“相对单位
vh
飞上蓝天!
·
2021-04-23 23:30
前端
css
css3
html
小程序实现滑动块效果
具体内容如下当你在复制的时候一定要把js逻辑的list数据更改就行了小程序的css样式.box{width:100vw;background:#F2F2F2;transition:all3s;}.box-b{height:8
vh
·
2021-04-21 13:04
3D分层图像悬停效果 html+css
.( ̄◇ ̄)实现过程步骤:0.基本css样式(复制即可)*:*{margin:0;padding:0;box-sizing:border-box;}body{height:100
vh
;display:flex
北极光之夜。
·
2021-04-19 23:22
前端大全
css
创意特效大全
html
css
css3
Vulnhub靶机driftingblues6_
vh
Vulnhub靶机driftingblues6_vharp-scan-l扫描靶机地址:192.168.245.142nmap-sV-p1-65535-T4就开了一个80dirbhttp://192.168.245.142扫描到几个有感觉用地路径http://192.168.245.142/textpattern/files/看看robotshttp://192.168.245.142/robots
onc_again
·
2021-04-19 21:42
渗透测试
靶机
微信小程序自定义scroll-view的实例代码
小程序自定义scroll-view滚动条话不多说,直接上效果图效果图wxml代码scroll-view{{index}}wxss代码page{height:100
vh
;background:rgb(111,80,65
·
2021-04-14 20:52
基于JS简单实现手持弹幕功能+文字抖动特效代码
生成一个铺满全屏的黑色背景,写上文字,然后内容居中实现无缝滚动实现文字抖动特效旋转90度(默认横屏展示)代码如下.html抖动字幕.css.barrage-box{width:100
vh
;height:
·
2021-04-14 20:18
音波加载效果 html+css
这个是比较常见的一个简约效果,拿下~实现(可一步一步实现):0.基本css样式(复制即可)*:*{margin:0;padding:0;box-sizing:border-box;}body{height:100
vh
北极光之夜。
·
2021-04-13 23:36
CSS
特效
前端大全
css
html
css3
环绕倒影加载特效 html+css
先看效果(完整代码在底部):实现(可一步一步边看效果边编写):※先初始化(直接复制):*{margin:0;padding:0;box-sizing:border-box;}body{height:100
vh
北极光之夜。
·
2021-04-09 00:01
前端大全
CSS
特效
css
html
css3
使用vw适配移动端
Viewport相关的单位有四个,分别为vw、
vh
、vmin和vmax:vw:是Viewport'swidth的简写,1vw等于window.innerWidth的1%
vh
:和vw类似,是
·
2021-04-08 13:12
java程序员前端
使用vw适配移动端
Viewport相关的单位有四个,分别为vw、
vh
、vmin和vmax:vw:是Viewport'swidth的简写,1vw等于window.innerWidth的1%
vh
:和vw类似,是
·
2021-04-02 19:57
java程序员前端
前端CSS高频面试题---2.em/px/rem/
vh
/vw的区别
从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、
vh
、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等。
·
2021-03-31 09:47
css前端css3布局面试问题
前端CSS高频面试题---2.em/px/rem/
vh
/vw的区别
从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、
vh
、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等。
·
2021-03-31 09:35
css前端css3布局面试问题
vue 项目中的自适应布局
前端页面开发,要适配不同分辨率的屏幕,一般主流自适应方法有%,vm/
vh
,rem,媒体查询。
zhudying
·
2021-03-24 15:57
Leaflet实现框选截图 网页框选截图
我们要实现一些类似以网页截图的功能,比如下面我们需要借助leaflet-drawhtml2canvas项目预览地址htmlcss#map{height:100
vh
;width:100vw;}js第一步:
·
2021-03-19 00:25
Leaflet实现框选截图 网页框选截图
我们要实现一些类似以网页截图的功能,比如下面我们需要借助leaflet-drawhtml2canvas项目预览地址htmlcss#map{height:100
vh
;width:100vw;}js第一步:
·
2021-03-18 18:15
前端开发常用单位
1.开发环境vue+vant2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用到一些单位,比如px,em,rem,vw,
vh
下面我来分享他们之间的区别,希望对你有所帮助。
·
2021-03-18 18:51
前端vue.js
CSS3知道汇总27:justify-content
body{height:100
vh
;display:flex;align-items:center;justify-content:center;background-color:brown;}.coffee
0清婉0
·
2021-03-14 18:48
鼠标移入放大图片预览效果实现
有鼠标移入图片放大的功能,研究一下实现Imagezoombody{display:flex;justify-content:center;align-items:center;min-height:100
vh
·
2021-03-14 06:00
前端提高篇(四十六)CSS进阶11:移动端布局(等比缩放+1px问题:viewport+rem | transform | vw+插件)
凸显大屏更清晰的优势1.百分比:层级多时,需要计算2.flex:需要计算3.单位rem:固定地将html的font-size设置成屏幕宽度的某一个百分比值,当需要定义宽高时,以rem为单位去设置4.单位vw,
vh
安之ccy
·
2021-03-11 23:57
前端提高
css3
Vue拖拽调整元素顺序
display:none;}.box1{background:#f9f9f9;padding:10px15px;}#app{width:30vw;margin-left:30vw;height:100
vh
北海之灵
·
2021-03-11 10:17
Vue
javascript
vue
拖拽改变顺序
上一页
20
21
22
23
24
25
26
27
下一页
按字母分类:
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
其他