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
wordpress的lnmp环境一键安装和手工配置
/
vh
huxuanlai
·
2023-10-11 12:10
开发工具安装
php
wordpress
lnmp
px、em、rem、%、vw、
vh
单位之间的区别
1、pxpx就是pixel(像素)的缩写,相对长度单位,相对于屏幕分辨率。2、em参考物是父元素的font-size,具有继承的特点。浏览器默认字体是16px,整个页面内1em不是一个固定的值。字体大小同样都是1.5em,但是效果却截然不同,按照W3C提供的公式,我们可以计算下:class为id1的div字体大小继承自父元素body:16px*1.5em=24pxclass为id2的div字体大小
皇菇凉
·
2023-10-11 06:07
css
css
css3
将多个DIV放在一行显示的三种方法(超简洁,一目了然)
,justify-content:center;则代表居中justify-content:space-between;}.main{width:500px;height:350px;}2.width用
vh
定位算法工程师
·
2023-10-11 03:58
vue.js
css
html
前端
vw
vh
vs percent
vwvh和%的区别vw&
vh
都是相对于viewport的,percent相对于任何设置了width或者height的(如果都没有设置就是viewport)百分比点击查看当高度没有超出viewport的高度是
7cf6c01a5633
·
2023-10-10 15:32
底部Taber的抽取
",props:['activeIndex'],components:{Tabbar},data(){return{};}}.layout-wrapper{width:100vw;height:100
vh
quanmeiren
·
2023-10-10 10:30
前端
Bootstrap的宽度和高度的设置(相对于父元素的宽度和高度、相对于视口的宽度和高度)
在Bootstrap中,宽度和高度的设置分为两种情况,一种是相对于父元素的宽度和高度设置,以百分比来表示;另一种是相对于视口的宽度和高度设置,单位为vw(视口宽度)和
vh
(视口高度)。
昊虹AI笔记
·
2023-10-10 06:33
Bootstrap
bootstrap
css
html
css--px,em,rem、vw、
vh
px,em,rem、vw、
vh
1.px(pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(DotsPerInch,每英寸像素数),在扫描打印时一般都有
BugMyGod
·
2023-10-09 22:36
常用的前端大屏 适配方案
方案实现方式优点缺点vmvh1.按照设计稿的尺寸,将px按比例计算转为vw和
vh
1.可以动态计算图表的宽高,字体等,灵活性较高2.当屏幕比例跟ui稿不一致时,不会出现两边留白情况1.每个图表都需要单独做字体
ZXH0122
·
2023-10-09 10:41
vue.js
前端
vue.js
字体水波纹效果
代码2.css代码效果总结疑惑前言弱弱菜鸡,第一篇博客1.HTML代码代码如下(示例):优C优C2.css代码代码如下(示例):*{margin:0;padding:0;}body{height:100
vh
—浅斟低唱—
·
2023-10-09 00:12
css3
使用弹性盒子flex对html进行布局和动态计算视口高度
使用弹性盒子flex对html进行布局的一个练习height:calc(100
vh
-4px);#
vh
表示视口高度的百分比,所以100
vh
表示整个视口的高度。.
吉星9527ABC
·
2023-10-08 21:01
html
前端
css
flex弹性布局
黑客帝国代码雨
也算了了装心事效果图如下原理就不讲了,代码写的很清楚而且不长有不懂的评论区问我就好canvas代码雨*{padding:0;margin:0;}canvas{display:block;width:100vw;height:100
vh
Qay'rup
·
2023-10-07 21:58
前端小動畫
html
javascript
代码雨
黑客帝国代码雨
黑客帝国
代码雨文字
【Element UI】解决 el-dialog 弹框组件设置 custom-class 样式不生效问题
/*此次设置弹窗高度并不生效*/.customDialog>.el-dialog__body{height:85
vh
;}解决方法去除scoped标识弹窗内容//省略。。。。
一颗不甘坠落的流星
·
2023-10-07 19:39
工作随记
ui
vue.js
javascript
css计算-----calc踩坑指南
width:calc(100%-50px);//使用运算的时候,必须保证符号前后要有空格使用注意事项:加法和减法的运算符号两边必须有空格,比如:calc(100
vh
-84px);乘法:两个值之间必须有一个为数字
用户昵称已存在_这都有
·
2023-10-07 12:37
css
前端
javascript
html+css 热茶效果
:0;box-sizing:border-box;}body{display:flex;align-items:center;justify-content:center;min-height:100
vh
你的美,让我痴迷
·
2023-10-06 15:28
css
html
前端
发光文字跟随鼠标
background-image绘制网格背景filter属性的运用onmousemove事件运用getBoundingClientRect方法的运用实现页面基础结构实现网格背景样式body{min-height:100
vh
林中白虎
·
2023-10-05 16:46
CSS
css3
前端
vue简单实现移动端选项卡
这是推荐内容这是男装内容这是女装内容这是男女内衣内容这是男鞋内容这是女鞋内容这是箱包皮具内容这是手表配饰内容这是护肤彩妆内容这是个人护理内容这是母婴内容这是运动户外内容这是手机数码内容{{item}}css部分:ul,li,body,a,p,h1{margin:0;padding:0;list-style:none;}.left{width:20%;height:100
vh
LvnCYoU
·
2023-10-04 15:08
作业
vue.js
前端相关题目随笔
Vh
虽然获取到了视口高度,但是
vh
会随着屏幕的、大小变化,所以当减去一个数字之后,就会显示错误。
滑梯plus版
·
2023-10-04 03:31
javascript
前端
性能优化
html
字体大小设置
vue.js
react.js
flex和grid布局的差别
开起网格布局display:grid;实战一:用grid布局做一个简单的九宫格html代码:css代码:.box{width:1200px;height:80
vh
;display:grid;//开启grid
请叫我菜鸡
·
2023-10-03 21:36
HTML
grid布局
css
CSS3~
基本语法1.1css3浏览器私有前缀-webkit-chrome,safari-moz-firefox-ms-IE-o-opera1.2CSS3新增长度单位rem根元素字体大小的倍数vw视口宽度的百分比
vh
阿强不吃香菜丶
·
2023-10-03 15:31
前端
css3
javaScript之原生js封装组件(弹窗为例)
position:absolute;background:#fff;border-radius:2px;box-shadow:01px3pxrgba(0,0,0,.3);margin:0auto;top:15
vh
我在人间贩卖青春
·
2023-10-03 15:35
javaScript
前端
javascript
封装
html 边缘融合加载
html代码边缘融合加载*{margin:0;padding:0;box-sizing:border-box;}body{height:100
vh
;padding-bottom:80px;background
马卫斌 前端工程师
·
2023-09-29 05:36
html+css
html
css
css3
小程序camera组件全屏
真机测试:宽度确实是100%但是高度只有屏幕的四分之一解决方法height使用
vh
但是这样还是没达到预期,因为没有camera没有占满全屏,顶部的状态栏影响了美观度。
夏夏夏夏顿天
·
2023-09-29 01:20
前端uniapp防止页面整体滑动页面顶部以上,设置固定想要固定区域宽高
84
vh
随时改变height:calc(100
vh
-44px);}改后图改后样式.main{display:fl
MFG_666
·
2023-09-28 18:38
前端
uni-app
javascript
css中常用单位辨析
em:当前字体大小的倍数;基于父元素字体大小rem:根元素字体大小的倍数;基于根元素字体大小
vh
:视口(浏览器窗口)高度百分比;1
vh
等于视口高度的1%vmin,vmax:视口宽度或高度的最小值、最大值参考
恰恰兄
·
2023-09-28 15:12
css
前端
倒水晃动的效果
Document*{padding:0;margin:0;box-sizing:border-box;}body{height:100
vh
;display:flex;justify-content:center
·
2023-09-28 10:34
javascriptcss3
【前端】页面自适应
响应式布局-flexem相对父元素的font-sizerem相对长度单位,相对于根元素font-size计算值的倍数vw(viewportwidth)视窗宽度,1vw=视窗宽度的1%
vh
(viewportheight
lorogy
·
2023-09-28 04:39
前端
前端可视化
自适应
响应式布局
【响应式布局】
响应式布局1什么是响应式布局2响应式布局的5种实现方案2.1百分比布局2.2媒体查询布局2.3rem响应式布局2.4vw/
vh
响应式布局2.5flex弹性布局1什么是响应式布局响应式布局就是一个网站能够兼容多个终端
小王小王几点了
·
2023-09-27 01:26
CSS3
响应式布局
vue前端页面转PDF
//由于导出的这部分html结构是不想让用户看到的,所以我设置了父元素height:100
vh
,overFlow:hidden;想要显示
王等等csdn
·
2023-09-26 22:56
前端
javascript
svg
pdf
canvas
css 切换主题
:root{--com-bg:#ddd;--com-color:#333;}body{width:100%;height:60
vh
;}.div{height:200px;color:var(--com-color
清秋挽风
·
2023-09-25 22:35
css
前端
css 动态rem_rem适配移动端的原理及应用场景
“关注前端开发社区,回复"1"即可加入前端技术交流群,回复"2"即可免费领取500G前端干货rem布局原理深度理解(以及em/vw/
vh
)一、前言我们h5项目终端适配采用的是淘宝那套《Flexible实现手淘
weixin_39718286
·
2023-09-25 16:53
css
动态rem
html怎么做一个正方形,纯 CSS 实现自适应正方形
方案一:CSS3vw单位CSS3中新增了一组相对于可视区域百分比的长度单位vw,
vh
,vmin,vmax。
谢丽鹿
·
2023-09-25 13:54
html怎么做一个正方形
面试题19:CSS实现自适应正方形
实现自适应正方形的几种方式在写页面布局时候正方形对我们来说应该很常见,比如商品列表展示,头像展示,在微博上发布图片的展现等方法一:原理同padding,也是利用了vw是相对宽度,不过要注意是相对视窗宽度哦CSS3中新增了一组相对于可视区域百分比的长度单位vw,
vh
The..Fuir
·
2023-09-25 13:53
面试
html
css
css
html
css实现容器(宽高不等的)内部自适应的正方形
先来看需求:容器(宽高不等的)内部自适应的正方形方案一:宽高设置为vw,
vh
*{margin:0;padding:0;}.container{width:100%;/*只是为了证明宽高不等而已*/height
codingWeb
·
2023-09-25 13:52
前端
css
自适应
前端
css
自适应
vue transition离开页面动画效果
离开页面的时候页面有个从左到右渐渐退出到效果肯德基的·@import'~@/styles/mixins.less';.city-wrap{width:100%;height:100
vh
;background-color
盖子pp
·
2023-09-25 11:06
uview actionSheet 内容过多高度设置
此时选择内部盒子,设置最大高度,设置内容超出滑动即可/deep/.u-action-sheet__item-wrap{overflow:auto;max-height:50
vh
;}
qq_38812589
·
2023-09-25 08:55
CSS专区
html5
css3
css
前端框架
前端
el-dialog__body的border-radius属性失效解决思路
我的代码.select-page:deep(.el-dialog__body){padding:0;width:39.35vw;height:60.03
vh
;background:#FFFFFF;border-radius
天魔老师
·
2023-09-25 00:12
javascript
前端
属性
失效
border-radius
30.CSS文本悬停过渡效果
border-box;font-family:monospace;}body{display:flex;justify-content:center;align-items:center;min-height:100
vh
@大迁世界
·
2023-09-24 21:55
CSS特效案例
css
前端
自适应导航栏显示隐藏(兼容ie8)
页面布局.box{width:100%;height:100
vh
;background-color:bisque;margin:auto;position:relative;/*overflow:hidden
好奇的猫猫猫
·
2023-09-24 21:33
解决项目加载时空白页面
加速增加带宽前端页面修改本文就第三点展开index.html页面(public文件夹下)favicon.ico">styles/base.css">base.css#mainLoading{width:100%;height:80
vh
暖风ii
·
2023-09-24 18:52
html5
vue.js
css3
基于FPGA的定时提醒装置Verilog
代码下载:基于FPGA的定时提醒装置Verilog_Verilog/
VH
蟹代码丫
·
2023-09-24 14:48
fpga开发
使用CSS和JS获取浏览器展示区域高度的区别,记录一次遇到的坑
height:calc(100%-80px);//减去导航栏高度缺点很致命,100%或100
vh
获取的是包括浏览器顶部和底部导航栏区域的数值,也就是手机屏幕的范围(不包括手机系统导航栏),导致内容区域被浏览器导航栏
小二黑儿
·
2023-09-24 10:45
vh
vhvh就是当前屏幕可见高度的1%,也就是说height:100
vh
==height:100%;但是有个好处是当元素没有内容时候,设置height:100%该元素不会被撑开,但是设置height:100
vh
zjkdifvpwlkqumn
·
2023-09-24 08:01
scfv抗体噬菌体展示流程
Single-chainFv(scFv)片段由抗体的最小功能性抗原结合结构域(~30kDa)组成,其中可变重链(
VH
)和可变轻链(VL)通过肽接头连接在一起。
卡梅德生物
·
2023-09-24 02:42
科技
HTML & CSS & JavaScript - 一个简单数字时钟
:0;}body{background:linear-gradient(#000000,#841010);/*background-color:#000;*/width:100%;height:100
vh
好好活着,不要熬夜
·
2023-09-23 16:45
HTML
&
CSS
&
JavaScript
javascript
css
html
Flex布局和Float布局的实现
例如,可以使用以下样式来创建一个简单的水平居中布局:body{display:flex;justify-content:center;align-items:center;height:100
vh
;}3
心态呀
·
2023-09-23 07:46
css
前端
移动端适配以及多屏幕自适应方案
文章目录前言一、移动端适配问题二、meta-viewport标记三、rem字体适配四、vw和
vh
五、postcss转换插件总结前言本文主要记录适配移动端以及多屏幕的解决办法,还有postcss转换插件的编写
天将降大任于我
·
2023-09-22 20:36
多端屏幕适配
前端
Flex布局和Float布局的实现
例如,可以使用以下样式来创建一个简单的水平居中布局:body{display:flex;justify-content:center;align-items:center;height:100
vh
;}`
Fran_klin__
·
2023-09-22 20:12
前端
Vue3 中 h函数(render)嵌套-插槽 使用方法
”使用方法:1.基础语法(嵌套两层,以及包含组件的写法)constApp={render(){returnVue.h('h1',{style:{color:'red',height:'calc(100
vh
王小王和他的小伙伴
·
2023-09-22 11:30
Vue
3
+
ts
javascript
vue.js
前端
CSS-clamp 函数说明
例如:rem,vw,
vh
,100%!max:是最大值,不得高于这个数。#igbox>ul>li>div{font-size:12px;font-weight:normal;font-size:cl
子蛟
·
2023-09-22 07:16
css
前端
HTML5+CSS3+JS小实例:鼠标控制飞机的飞行方向
实例:鼠标控制飞机的飞行方向技术栈:HTML+CSS+JS效果:源码:【html】鼠标控制飞机飞行方向【css】*{margin:0;padding:0;}body{height:100
vh
;background
艾恩小灰灰
·
2023-09-21 21:52
HTML+CSS+JS小实例
html5
css3
javascript
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他