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
工具箱之父小程序源码(二)--萌宠大作战部分
微信小程序搜一搜工具箱之父.game-container{position:relative;width:100vw;height:100
vh
;background-color:#000;}.game-canvas
jackzhuoa
·
2025-02-18 19:32
微信小程序从零到万
微信小程序
游戏
王者荣耀
小程序中如何固定表头和首列
attrItem.title}}-->{{dataIndex}}.table{display:block;position:relative;overflow:scroll;width:100%;height:50
vh
编程迪
·
2025-02-18 03:35
leaflet手绘地图实现原理-可视化工具设计手绘地图
Leaflet手绘地图与自定义标注#map{height:100
vh
;}//JavaScript代码将在这
diygwcom
·
2025-02-18 02:00
leaflet
手绘地图
自定义地图瓦片
微信小程序画布canvas(新版)实现签名功能
wxss文件:/*pages/signature/signature.wxss*/.container{padding:20rpx;height:100
vh
;width:100vw;overflow:hidden
阿成℡
·
2025-02-17 16:14
小程序
微信小程序
小程序
前端
使用 HTML CSS 和 JAVASCRIPT 的黑洞动画
BlackHoleAnimationbody{margin:0;overflow:hidden;background:radial-gradient(ellipseatcenter,black,#1a1a1a);height:100
vh
谏君之
·
2025-02-17 10:27
javascript
css
html
javascript
【CSS】图片比例完整展示与滚动查看
文章目录一、问题背景二、问题分析为什么`100
vh
`会压缩图片高度?为什么固定像素高度有效?
Peter-Lu
·
2025-02-17 08:31
#
CSS
开发语言
前端
css
可视化大屏适配
scale方案概述:也是目前效果最好的一个方案优点:代码量少,适配简单、一次处理后不需要在各个图表中再去单独适配缺点:留白,有事件热区偏移,下面介绍的autofit.js已经完全解决了此问题2、vw/
vh
与月儿漫邀
·
2025-02-14 12:21
html
前端
大屏端
vue实现横向时间轴,并实现右滑加载数据
1、横向时间轴{{activity.actionDate}}.part-label-box{width:calc(100%-6vw);height:26
vh
;box-sizing:border-box;
cccc☜
·
2025-02-09 03:25
vue.js
前端
javascript
arcgis for js实现地图截图、地图打印
地图截图效果实现复制运行即可要实现复杂的截图保存可以参考官网案例Document#mapview{width:100vw;height:100
vh
;}*{margin:0;padding:0;}#btn
我不当帕鲁谁当帕鲁
·
2025-02-08 02:29
arcgis
for
js
arcgis
javascript
前端
HTML 会动的蜡烛。
CandleEffectbody{display:flex;justify-content:center;align-items:center;height:100
vh
;margin:0;background-color
laocooon523857886
·
2025-02-07 01:15
HTML
css
css3
前端
ffmpeg 硬件解码 264 265 各个平台
-H.264:`-c:
vh
264_cuvid`-H.265:`-c:vhevc_cuvid`示例:```ffmpeg-hwaccelcu
爱学习的大牛123
·
2025-02-06 01:54
音视频
ffmpeg
JavaScript电子网页时钟效果(canvas版)
先上代码:分部翻页电子时钟body{display:flex;justify-content:center;align-items:center;height:100
vh
;background-color
李游Leo
·
2025-02-01 10:54
前端
javascript
ecmascript
前端
HTML&CSS :下雪了
建议先少量复制代码进行测试,若未能解决问题,私信我,我会发送完整的压缩包给你演示效果HTML&CSS公众号关注:前端Hardybody{margin:0;padding:0;height:100
vh
;display
前端Hardy
·
2025-01-29 18:04
CSS
html
css
前端
javascript
交互
css粒子效果
htmlcss:body{height:100
vh
;background:radial-gradient(ellipseatbottom,#1b27350%,#090a0f100%);overflow:
HainesFreeman
·
2025-01-27 19:16
css
前端
html
十六进制文本码流转pcap(text2pcap)
HextoPCAPConverterbody{font-family:Arial,sans-serif;margin:0;padding:0;padding-top:0;min-height:100
vh
wang.wenchao
·
2025-01-22 20:21
css
前端
html简单项目案例
sans-serif;margin:0;padding:0;background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100
vh
张小特
·
2025-01-22 18:05
html
css
css3
CSS属性:fit-content
Thisisafrostedglasseffect..frosted-glass{position:absolute;top:10
vh
;left:0;right:0;margin:auto;width:
Frilled Lizard
·
2025-01-22 13:48
css
前端
css3
scss
巨好看的登录注册界面源码
margin:0;padding:0;box-sizing:border-box;}body{width:100%;height:100%;}.container{width:100%;height:100
vh
bjzhang75
·
2025-01-22 11:04
前端开发
HTML
CSS
登录注册页面
页面雪花飘落(html、CSS、JS)
*{margin:0;padding:0;}#box{width:100vw;height:100
vh
;padding:3px;position:absolute;background:black;}(
小姐姐呀~
·
2025-01-20 11:18
html
css
javascript
基于 HTML5 Canvas 制作一个精美的 2048 小游戏--day2
以下是改进后的代码示例:1.CSS样式(style.css)body{display:flex;justify-content:center;align-items:center;height:100
vh
无限大.
·
2025-01-19 00:26
前端代码实现2048
html5
前端
html
vue3大屏可视化项目,包含地图,各种 图表,全屏适配方案
1920*1080标准电脑屏幕比,所用的屏幕也基本在这个比例左右2.涉及图表知识点简单,主要有自定义色系,环形图,堆叠柱状图,折线图3.使用高德地图标点做中间地图满屏适配方案实现思路1宽度使用vw,高度使用
vh
m0_74825526
·
2025-01-18 22:41
javascript
开发语言
ecmascript
Vue 和 uniApp 中 CSS 样式差别
例如:.container{width:300px;height:200px;}在响应式设计中,可能会使用%或vw、
vh
等相对单位,以及媒体查询来适配不同的屏幕尺寸。例如:@media(max
洗发水很好用
·
2025-01-17 10:35
vue.js
uni-app
css
html+css 实现仿3D地球旋转效果
demo:root{--stars:5vw15
vh
2pxwhite,1vw33
vh
0pxwhite,2vw25
vh
2pxwhite,10vw10
vh
2pxwhite,12vw20
vh
0pxwhite,30vw15
vh
2pxwhite
web网页精选
·
2025-01-17 05:23
html
css
3d
水平垂直居中的几种方法(总结)
align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100
vh
LJ小番茄
·
2024-09-16 10:55
CSS_玄学语言
html
javascript
前端
css
css3
el-dialog高度设置
el-dialog高度设置::v-deep.el-dialog{height:78
vh
;overflow:auto;}
夏之小星星
·
2024-09-14 23:29
前端
vue.js
elementui
css
element-ui layout布局 铺满整个空间方法
h5布局文件上传css样式有些朋友用height:100%并不能铺满,这个时候可以使用height:100
vh
即可铺满html,body,.el-container{/*设置内部填充为0,几个布局元素之间没有间距
遇事不决AI解决
·
2024-09-10 16:00
ui
css3
css
vue.js
javascript
解决flex最后一排左对齐问题 justify-content: space-between或space-around
*{margin:0;}.parent{width:100vw;height:100
vh
;box-sizing:border-box;display:flex;justify-content:space-between
虛掷、青春
·
2024-09-09 15:34
css
flex
css
html
js
javascript
CSS前端学习(online tuorials)旋转动画
:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100
vh
憨憨憨憨憨到不行的程序员
·
2024-09-05 18:04
CSS学习(online
tuorials)
前端
css
学习
极简风Js时钟
Js时钟实时显示html*{margin:0;padding:0;}body{background-color:#fdf6e3;height:100
vh
;display:flex;align-items
zhaoolee
·
2024-09-04 13:40
uniapp scroll-view滚动触底加载 height高度自适应
背景:scroll-view组件是使用,官网说必须给一个高度height,否则无法滚动,所以刚开始设置了设置了一个高度,想着
vh
应该挺合适的;后来在不同手机应用中,发现不同手机,滚动触底加载的动态效果显示不出来
影子信息
·
2024-09-04 02:46
uniapp
uni-app
实现前端响应式布局
实现前端响应式的布局的方法有很多种,下面我介绍的是使用rem跟vw/
vh
这两种方法来实现响应式页面。1.使用rem来实现响应式布局rem:是一个相对根元素字体大小的单位。总的来说就是一个相对单位。
冬天爱吃冰淇淋
·
2024-09-03 06:11
h5
css
css
html
html5
父级下面没有子集,如何撑开高度
一般做到满屏展示的时候会遇到这种情况div下面没有任何子集,但是高度设置height:100%,然而高度并没有被撑开这时候需要设height:100
vh
1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了
有一个程序媛
·
2024-09-01 06:41
前端实现奥运五环图标
htmlDocumentcssbody{display:flex;justify-content:center;height:100
vh
;align-items:center;transform-style
小刘|
·
2024-08-30 03:43
前端
CSS的单位介绍:em,rem,
vh
,vw,px,pt,vmin,vmax
CSS的单位介绍:em,rem,
vh
,vw,px,pt,vmin,vmax引言1.`em`单位基本概念作用说明示例一CSSHTML作用说明2.
DTcode7
·
2024-08-29 09:42
HTML网站开发
#
前端基础入门三大核心之CSS
HTML
CSS
web
css3
网页开发
《网页中的绚丽爱意:I LOVE YOU 的动画魔法》
1000px;justify-content:space-between;background:black;}.container{text-align:center;}span{font-size:20
vh
小刘|
·
2024-08-29 05:13
css
css3
javascript
css动画实现转盘旋转,1.使用css3实现大转盘
先上效果图,如图所示:最终效果第一步:画个父容器+12个子容器(扇叶)将父容器居中,子容器使用absolute定位,基本代码如下:html>body{display:flex;height:95
vh
;align-items
小仙元
·
2024-08-28 09:00
css动画实现转盘旋转
不同分辨率下vue页面的高度自适应
1.使用视口单位.element{height:100
vh
;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100
vh
-100px);}2.使用百分比
Abao
·
2024-08-24 06:24
vue.js
javascript
前端
html+css+js贪吃蛇游戏
贪吃蛇游戏四个按钮控制方向源代码在图片后面点赞❤️关注收藏⭐️互粉必回源代码贪吃蛇游戏body{display:flex;justify-content:center;align-items:center;height:100
vh
睿智的海鸥
·
2024-08-23 11:28
css
html
前端
javascript
css3
HTML5+CSS3小实例:抽屉式相册
HTML5+CSS3小实例:抽屉式相册技术栈:HTML+CSS效果:源码:抽屉式相册*{/*初始化取消内外边距*/margin:0;padding:0;}body{/*100%窗口高度*/height:100
vh
艾恩小灰灰
·
2024-08-23 05:22
HTML5+CSS3小实例:3D分层图像悬停效果
分层图像悬停效果技术栈:HTML+CSS效果:源码:【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100
vh
艾恩小灰灰
·
2024-03-14 14:53
CSS样式中长度单位含义解析:rpx、px、vw、
vh
、em、rem、pt
在CSS样式中,有几种常见的长度单位,包括rpx、px、vw和
vh
等,含义解析如下:1.rpx(响应像素):是微信小程序中的一种相对长度单位,可以根据屏幕宽度进行自适应缩放。
挣扎的蓝藻
·
2024-03-13 08:31
Web前端
css
前端
html
微信小程序(五十二)开屏页面效果
openPage.wxml跳过{{second}}scomponents/openPage/openPage.wxss/*切记:最外面的盒子不能直接用百分之的形式*/.openPage-box{width:100
vh
代码对我眨眼睛
·
2024-03-07 14:07
微信小程序
微信小程序
小程序
css3夜晚星空
css3动画*{margin:0;padding:0;}.container{width:100vw;height:100
vh
;background-color:#000;}.moon{width:100px
苦逼的猿宝
·
2024-03-06 15:08
html+css
css3
前端
css
前端实现页面水印
important;padding:0;height:auto;}.box{width:100%;height:100
vh
;overflow:scroll;border:1pxsolidred;}/*滚动条样式
修复bug
·
2024-02-28 22:36
前端
css
vue.js
javascript
vue3+vite+vant移动端适配记录
1、根节点rem适配1.1、body需要设置一个默认的字体大小,可以设置为16pxbody{font-size:16px;height:100
vh
;}#app{max-width:750px;min-width
baidu_41921865
·
2024-02-28 09:19
一
HTML类
javascript
html
前端
【每日前端面经】2023-02-25
React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局(PC)window.screen分类加载CSS@media媒体查询
vh
糠帅傅蓝烧牛肉面
·
2024-02-26 06:47
每日前端面经
前端
面试
解决app中以webview的方式嵌入h5网页,h5网页加载不出来
抓耳挠腮查找两天之后发现,原因为整个h5网页的最外层高度设置成了100
vh
解决方法:页面高度设置为:height:fit-contenmt原因分析:因为app端在嵌入我的h5网页时,并没有给webview
小朱爱开发
·
2024-02-24 02:47
开发经验
vue.js
javascript
vue
前端
vue2和vue3 通过函数调用一个组件
实现一个简单的弹窗组件:vue2函数式组件写法,通过extend方法:创建ui.vue文件,存放我们的组件,如下:你好关闭.dialog{width:100vw;height:100
vh
;position
·
2024-02-20 19:01
HTML5+CSS3小实例:广告灯牌效果的loading动画
【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100
vh
;/*弹性布局水平
艾恩小灰灰
·
2024-02-20 17:10
vivado RAM HDL Coding Guidelines
分布式RAM示例以下部分提供了分布式RAM的
VH
cckkppll
·
2024-02-20 07:33
fpga开发
上一页
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
其他