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
vw
uniapp跑马灯文字滚动
{{item.name}}.barrage-box{ //border:1rpxsolidred; padding:010rpx; width:90
vw
; transform-origin
阿巴资源站
·
2023-09-01 09:30
css
iframe简单用法
iframe一般用于一个网页嵌套另外一个网页比如我这里有两个html文件在1.html文件写上body{margin:0;padding:60px;height:100vh;width:100
vw
;box-sizing
关忆北_
·
2023-08-31 13:27
经验记载
前端
javascript
html
css中的
vw
\vh
#######认识视口单位(Viewportunits)首先,我们要了解什么是视口。在业界,极为推崇的一种理论是Peter-PaulKoch(江湖人称“PPK大神”)提出的关于视口的解释——在桌面端,视口指的是在桌面端,指的是浏览器的可视区域;而在移动端较为复杂,它涉及到三个视口:分别是LayoutViewport(布局视口)、VisualViewport(视觉视口)、IdealViewport。
北末_染
·
2023-08-31 09:51
微信小程序转盘实现(真心话大冒险)
废话不多说,接下来直接上图上代码吧实现效果扫码体验首先给出素材图片2.wxml代码wxss代码.background{/*#CSS3引入的"
vw
"和"vh"基于宽度/高度相对于窗口大小#"
vw
"="viewwidth
难合衬i
·
2023-08-30 11:20
微信小程序篇
微信小程序转盘实现
微信小程序真心话大冒险
转盘素材
大转盘实现代码
video视频自动播放
video视频自动播放自动播放+声音去掉muted=“true”video{width:100
vw
;height:30vh}
周亚鑫
·
2023-08-28 18:38
音视频
animation练习3之七夕篇
Document*{padding:0;margin:0;}body{width:100
vw
;height:100vh;background:#000;color:#fff;font-size:large
花开花落的博客
·
2023-08-27 02:20
前端
css
css3
倒计时动效
1.效果2.html3213.cssbody{width:100
vw
;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items
不靠谱的作曲家
·
2023-08-26 04:48
css
css
css3
html
rem单位在chrome中适应变化
12px会响应chrome在79版本后修复了这个最低响应问题,可做到响应到多少都没问题问题:如果想要在79版本之前想要做到响应单位该怎么办解决办法:将根节点设置成响应单位:$rem:calc((100
vw
弦生_a3a3
·
2023-08-25 21:57
VW
80000-2021版,最新发行,(3.5 吨以下汽车电气和电子部件试验项目标,试验条件和试验要求),大众标准
VW
-80000-2021版,最新发行,(3.5吨以下汽车电气和电子部件试验项目标,试验条件和试验要求https://download.csdn.net/download/std7879/85083847https
std7879
·
2023-08-25 12:16
汽车
Vue 移动端中使用
vw
适配
流程:(1)安装yarnaddpostcss-urlpostcss-importpostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnanocssnano-preset-advanced(2)在根目录添加postcss.config.js文件,
小废柴JH
·
2023-08-25 09:59
Uniapp flex布局失效
添加`overflow:hidden;white-space:nowrap;`属性view添加`display:inline-block;`属性content.scroll-view{width:100
vw
web.yoyo
·
2023-08-25 01:54
Uni
uni-app
前端
javascript
php 双重循环优化 foreach
数据越庞大效果越明显没看懂请留言$
VW
_SHANGPIN_FJSX=[['spdm'=>'kf','spmc'=>'咖啡','type'=>1],['spdm'=>'kl','spmc'=>'可乐','
微齐天大圣.
·
2023-08-24 00:55
PHP
php
双重循环优化
php
循环优化
php
大数据循环优化
纯css3的网站轮播图animation练习2
Document*{padding:0;margin:0;}body{width:100
vw
;height:100vh;display:grid;}main{width:300px;height:300px
花开花落的博客
·
2023-08-23 11:57
css3
css
前端
移动端,PC端是怎么做适配的?
单位px:像素em:一个M的宽度(面试:一个字的宽度)rem:rootem根元素()的font-size//oppo个别机型不适用vh:viewheight,视口高度100vh===视口高度
vw
:viewwidth
shirley_ee84
·
2023-08-22 11:44
css3之animation 提交按钮简单的动画
Document*{padding:0;margin:0;}body{width:100
vw
;height:100vh;display:grid;grid-template:1fr/1fr;}.btn{
花开花落的博客
·
2023-08-22 11:19
css3
css
前端
uniapp scroll-view横向滚动无效,scroll-view子元素flex布局不生效
2scroll-view标签需要给予一个固定宽度,可以是百分百也可以是固定宽度或者100
vw
。
蕉君桑
·
2023-08-22 08:57
uni-app
前端
javascript
uniapp如何应对不同端字体大小的问题
2.使用
vw
和v
很菜很菜的人
·
2023-08-21 19:23
uni-app
前端
javascript
uniapp禁止页面上下滚动
bounce":"none"}第二个方法功能场景我目前是在用uniapp做一个H5程序,中间有一个排行榜的页面只展示前十名,但是里面的导航是自定义导航栏,会占据文档流的位置,所以背景图宽高固定为100vh100
vw
翠花517
·
2023-08-20 04:32
uni-app
前端
前端
uniapp
24.纯CSS实现瀑布流布局
1.CSS实现瀑布流布局(display:flex)本例使用CSSflex实现瀑布流布局关键点,横向flex布局嵌套多列纵向flex布局,使用了
vw
进行自适应缩放htmldiv.g-container-for
荼蘼toome
·
2023-08-19 14:19
选择器
,
vw
1
vw
=视口宽度的1%1vh=视口高度的1%vminvmax@media@mediascreen@mediaprint@mediascreenprint@mediaonlyscreenand(max-width
自you是敏感词
·
2023-08-19 07:37
React umi使用postcss将px转为
vw
来自适应
创建项目创建目录,初始化umimkdirreact-pxtovw&&cdreact-pxtovwyarncreateumi创建的时候选择app就足够了,然后也使用typescript安装依赖yarn二、使用
vw
Lia代码猪崽
·
2023-08-19 05:49
fiddler抓包查清apache的httpclient中文乱码问题
__biz=Mzg2NTAyNTc5NQ==&tempkey=MTA1Ml9CR1ZrdkN5andGalM4TzRnVnpmeXV5Y1Npd1dQS3dvdldPRE16
VW
5CT3Z3bXBuNjJSbmFYTndHbERNZncwUmpaY2pabU5fc2hZM1duRjBOTHJTb05BNEUtSXo2dVhpME1Ibi1
运维开发笔记
·
2023-08-19 05:01
详解web前端长度单位(px、em、rem、%、
vw
/vh、vmin/vmax、vm、calc())
而整体的长度单位分为两大类:绝对长度单位包括:in,cm,mm,q,pt,pc,px相对长度单位包括:em,rem,%,
vw
,vh,vmax,vmin,vm,ch,ex2)绝对长度绝对长度单位是一个固定的值
西晋的no1
·
2023-08-19 01:44
前端
react.js
javascript
Vue 大屏可视化 铺满全屏
之前写了一篇帖子Vue大屏可视化屏幕自适应,是针对在知道大屏尺寸的情况下,保证还原UI设计的显示比例,这样在非标准比例的屏幕上显示,会出现上下或左右留白,若想完全铺满全屏,使用
vw
/vh计算。
冰天物语
·
2023-08-19 00:08
vue
js
前端
屏幕自适应单位rem、
vw
转换(移动端适配)
1.使用rem的js代码解决适配问题事实上rem.js是把屏幕等分成10份,每份为1rem,1rem对应的大小就是rem基准值,rem.js做的就是把rem基准值给html的font-size,所以如果设备的物理像素宽为640px,那么1rem=640px/10=64px,html的font-size为16pxrem.js文件内容/*rem.js文件内容*/(function(){varhtml=
MoicA
·
2023-08-17 23:15
Naive Softmax&Negative Sampling
NaiveSoftmax&NegativeSampling1NaiveSoftmax引入两个向量:对于词汇表V\mathbf{V}V(vocabulary)中的每个单词w,当www是center单词的时候,使用ddd维向量
vw
扬州小栗旬
·
2023-08-17 17:07
NLP
CS224n
NLP
with
DL
刷新的样式 4个点
代码直接拿走钉钉刷新动画css实现.refresh{height:100vh;width:100
vw
;position:absolute;top:0;left:0;z-index:100;}.refresh.blueball
思念LY
·
2023-08-17 16:24
CSS常见单位汇总
视口单位(
vw
、vh、vmin、vmax):相对单位,基于视口的宽
微风粼粼
·
2023-08-17 15:39
css
前端
Vue移动端与PC端适配方案viewport+postcss-px-to-viewport
优点:不需要换算及转换系数某些属性不需要转换为REM、
VW
等可以全部使用px单位lib-flexible作者推荐,方便好用什么是viewport:viewport翻译成中文的意思大致是视图、视窗。
一路向北qaq
·
2023-08-16 07:17
vue.js
javascript
前端
vscode
使用postcss-px-to-viewport-8-plugin进行屏幕适配
这个插件可以将px单位转换为视口单位,包括
vw
、vh、vmin和vmax,从而实现在不同设备上的自适应布局。
冯锦辉
·
2023-08-16 07:16
vue.js
javascript
前端
postcss-px-to-viewport配置横屏参数landscape: true报错postcss.atRule is not a constructor
首先postcss-px-to-viewport是一款很优秀的插件,他能将px转换成视口单位
vw
,而
vw
本质上还是一种百分比单位。
长剑浣花咻咻咻
·
2023-08-16 07:16
前端
css
vue.js
html
html5
vite3+vant移动端适配
vw
配置安装插件npmi-Dautoprefixer@^10.4.7npmi-Dpostcss-px-to-viewport-8-plugin@^1.1.3创建配置文件根目录创建postcss.config.cjsmodule.exports
cooldrw2012
·
2023-08-16 07:46
Vue3+TS
vue.js
css
前端
vue+vant2—篇4—用viewport 单位适配浏览器
Vant默认使用px作为样式单位,如果需要使用viewport单位(
vw
,vh,vmin,vmax),推荐使用postcss-px-to-viewport进行转换。
有蝉
·
2023-08-16 07:46
vue+vant2
postcss
vue.js
css
大数据--难点--地图的制作
地图一直是亮点也是难点,刚刚进公司的时候也很难懂~~做出来的也很难看纯CSS3使用
vw
和vh视口单位实现h5页面自适应,gulp自动监听sass改动并保存到css中当修改了sass里面的代码后,gulp
炎同学要努力
·
2023-08-15 21:35
大屏端
微软
大数据
1rem、1em、1vh(
vw
)、1px各自代表的含义
1rem、1em、1vh(
vw
)、1px各自代表的含义:rem页面所有使用rem单位的长度都是相对于根元素元素的font-size大小。即1rem等于根元素元素的font-size大小。
钟Bubble
·
2023-08-15 07:50
前端
动态动画弹窗样式css
css.popWin{width:100
vw
;height:100vh;position:fixed;top:0;left:0;background:#000;opacity:0.5;z-index:999
钟Bubble
·
2023-08-15 07:19
小知识
css
前端
右上角角标
主要是样式重点级是1父布局正方形,高等于宽,2父相对布局,儿子绝对布局首先父亲.imgroot{width:20%;height:20
vw
;position:relative;background:#5B6CFB
ddsfec
·
2023-08-14 10:02
在线吉他调音
c-mouth:#7c1d1c;--track:#2220;--thumb:#4caf50;--c-classic:#ff9800;--c-electric:#00aaff;}html{width:100
vw
timi先生
·
2023-08-14 07:14
CSS
css
css3
html
一次搞懂数据大屏适配方案 (
vw
vh、rem、scale)
方案一:vwvh假设设计稿尺寸为1920*1080(做之前一定问清楚ui设计稿的尺寸)即:网页宽度=1920px网页高度=1080px我们都知道网页宽度=100
vw
网页宽度=100vh所以,在1920px
也有1點儿想你
·
2023-08-12 19:51
vite
VUE3
TypeScript
rust
开发语言
后端
使用Three.js制作一个旋转多面体
形式引入three.js,另外一个js则是我们自己编写的代码Documentcss:*{margin:0;padding:0;box-sizing:border-box;}html{width:100
vw
五彩斑斓黑123
·
2023-08-10 23:18
three.js
javascript
开发语言
ecmascript
你所了解的dependsOn是怎样的?
具体地址为:https://www.yuque.com/msdi/
vw
7l9x/qiwbhh。如果你是个入门者,或许可以从这里开始。
晴天小雨不感冒
·
2023-08-10 12:17
【CSS】说说响应式布局
目录一、是什么二、怎么实现1、媒体查询2、百分比3、
vw
/vh4、小结三、总结一、是什么响应式设计简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。
早睡第一人
·
2023-08-10 11:19
css
html
前端
CSS3中使用calc()设置浏览器宽度和高度减去固定值的写法
设置宽度:width:calc(100
vw
-123px);说明:1、
vw
是widthofview(port)的缩写;2、100
vw
表示百分之百的视图宽度;3、123px是需要减去的宽度;4、减号的两边必须都有至少一个空格
元仙僧
·
2023-08-09 19:25
css
calc
css3
canvas实现代码雨
学习抖音:@渡一前端必修课效果图:全部代码:Title*{padding:0;margin:0;}#view{max-width:100
vw
;max-height:100vh;overflow:hidden
就是个名称
·
2023-08-09 13:17
小demo
javascript
前端
响应式设计与自适应设计
响应式设计一个网页可以在不同窗口或者不同屏幕下很好得被展示的一种技术,这里可以理解为是一套代码实现的方法:媒体查询百分比布局(流式布局)响应式布局(flex、grid、多列)响应式图片rem方案、vh、
vw
水不腐-枢不蠹
·
2023-08-08 17:47
#
移动app开发
前端
用 CSS 实现长宽为浏览器窗口一半的正方形
Document.box{width:50
vw
;height:50vh;background-color:blue;}
日晞
·
2023-08-08 17:15
HTML-CSS
css
前端
用 CSS 实现高度为 0.5 像素的线条
background-color:wheat;}.line::after{background-color:pink;content:"";display:block;box-sizing:border-box;width:200
vw
日晞
·
2023-08-08 17:15
css
javascript
前端
史上最详细的Maven安装教程以及Maven和eclipse集成
Maven–DownloadApacheMavenhttps://maven.apache.org/download.cgi方法2:网盘自取链接:https://pan.baidu.com/s/1DnpanD41EpBGi5EXajh3
Vw
幺妹儿儿
·
2023-08-07 09:01
软件安装教程
maven
java
在shell脚本中使用通配符(*)删除、移动某个目录
/bin/bashTEST_TARGET_PATH="/data/"TEST_BASE_PATH="/localfolder/a9zu2vjk/
vw
_live_test/"CUR_DAY=`date-d
赶路人儿
·
2023-08-06 21:57
linux
linux
运维
服务器
uniapp微信小程序横竖屏切换样式适配
1、rpx布局是不能直接实现的,写两套(横屏、竖屏)样式才可以达到想要的效果2、使用:百分比、rem、
vw
\vh、vmin\vmax、px(px布局在不同设备上有差异)都可以一套样式实现横竖屏适配二、本文重点说
停留的章小鱼
·
2023-08-06 00:34
微信小程序
uni-app
前端
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
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
其他