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
好看的登录界面(2)
body{background-color:#000000;min-height:98vh;perspective:1500px;}div#bgDIV{width:100
vw
;height:98vh;position
白夜的月亮
·
2023-07-13 15:41
html
基于react/vue移动端适配之px自动转rem、
vw
作为一名前端开发,在做移动端适配时rem、
vw
是我们经常用到的单位,但是我们在实际开发过程中需要将设计稿上的px转换成rem,如果手动去计算,将是一个很耗时、费力的过程。
forever_提拉米苏
·
2023-06-23 08:37
CSS弹性布局常用设置
目录一、单位元素二、弹性容器三、常用属性三、项目实战效果一、单位元素vm1vm为视口的1%vh视口高的1%vmin参照长边vmax参照长边rem等比缩放需要设置最外层盒子html设置
vw
根字号html的
不爱小白的小孩
·
2023-06-23 08:54
web前端的学习
css
html
前端
html_css模拟端午赛龙舟运动
样式布局风格:卡通首先采用一张包括水元素的照片作为背景annimation*{margin:0;padding:0;}body{width:100
vw
;height:100vh;background:url
yma16
·
2023-06-23 03:17
JavaScript专栏
css
html
css3
Linux的基础操作
注意:本次演示环境是在
VW
虚拟机下的Centos7操作系统。1.操作系统的体系结构(简易版本)用户->操作系统->各种硬件对应的驱动程序->硬件。这只是为了增强一些您对操作系统的认知,
limou3434
·
2023-06-22 17:34
操作系统学习笔记
linux
服务器
运维
rem 和 em 的区别
即相对于标签的font-size实现的,浏览器默认字号是font-size:16pxem:是相对于父元素标签的字号,和百分比%类似,%也是相对于父级的,只不过是%相对于父级宽度的,而em相对于父级字号的
vw
前端小芬芬
·
2023-06-21 17:55
css
css
css实现自适应正方形
1、vm单位.square-shape{width:50%;height:50
vw
;border:1pxsolid#f00;}2、padding-top实现.square-shape{width:50%
meng_281e
·
2023-06-20 18:49
数据大屏适配方案 (scale)
目录适配方案分析vwvh什么是
vw
和vhvw和百分比的区别是什么?
前端 贾公子
·
2023-06-20 17:16
java
ui
开发语言
前面基础知识(查缺补漏)css篇
知识点css篇自适应单位百分比:%相对于视口宽度单位:
vw
相对于视口高度单位:vh相对于视口宽度或高度单位:vm(取决于哪个小)相对于父元素字体单位大小:em相对于根元素字体单元大小:rem选择器比重内联样式
没入门到放弃
·
2023-06-20 14:42
css
【Qt常用关键字知识拓展】
数据类型二、Qt函数类型三、Qt枚举类型四、Qt运算符重载函数类型一、Qt数据类型【1】constautogroups={“ABC”,“DEF”,“GHI”,“JKL”,“MNO”,“PQR”,“STU”,“
VW
「QT(C++)开发工程师」
·
2023-06-20 13:17
QT
界面开发工程师课程
qt
qt关键字
c++
const
explicit
CSS面试常问知识点
FFC块级格式化上下文(BFC):内联格式化上下文(IFC):网格格式化上下文(GFC):自适应格式化上下文(FFC):六.重绘与重排如何触发重排和重绘如何尽量减少重排和重绘的次数重绘与重排的区别七.
vw
Program W
·
2023-06-20 10:26
大前端
css
面试
css3
vue-cli3实现屏幕自适应(两步搞定)
项目演示代码exportdefault{name:'test',components:{}}*{margin:0;padding:0;}.big{width:100
vw
;height:100vh;background
皮皮虾不皮呀
·
2023-06-19 16:19
vue
vue
html
css
javascript
前端必备知识点 混淆 刷题 查漏补缺【持续更新中】
目录1.vue双向数据绑定(响应式)原理2.HTML语义化(语义化标签)3.标签上title与alt属性4.CSS单位:1px、1em、1rem、1vh/1
vw
的含义5.网页前端性能优化的方式6.HTTP
成茂峰
·
2023-06-19 07:41
#
前端-其他
前端
javascript
面试
vue.js
html
css基础知识三:说说em/px/rem/vh/
vw
的区别?
一、介绍传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、
vw
小爱同学-Allen
·
2023-06-19 04:25
css
html
前端
渐变背景及边框实现
CSS.warning{height:2rem;line-height:1.8rem;font-size:calc(100
vw
*13/1920);padding-left:.5rem;margin-bottom
代码搬运媛
·
2023-06-17 20:43
css
html
前端
移动端小于12px的字体处理方法
遇到了下图的情况由于浏览器对字体最小为12px的限制,所以我查阅资料后尝试使用transform:scale来处理代码如下:学习专家.doctor{position:absolute;right:(33/@
vw
真的想不出名儿
·
2023-06-17 19:47
css
css
CSS查缺补漏之常用长度单位(px、em、rem、%、
vw
/vh、vmin/vmax)
此文内容较少,轻轻松松掌握,莫要有压力~正如现实生活中长度具有mm、dm、cm、m等,在css中,也具备多种长度单位,本文对常用的几种单位进行详细举例介绍~px:像素单位初学css时,px单位经常被使用,此处按下不表~em:表示相对于当前元素或父元素的font-size的倍数从前从前,有个人爱你很久div{background-color:#ff8800c8;/*由于自身元素无设置font-siz
迷糊的小小淘
·
2023-06-16 21:51
CSS查缺补漏
css
前端
javascript
postcss插件使用和适配方案
原理是将固定的像素单位(px)转换为根据视窗大小缩放的单位(
vw
|vh),该插件实现的就是这一单位间的转化。
沐沐茶壶
·
2023-06-15 15:50
postcss
javascript
vue3
vite3
前端html实现在线预览word、excel、pdf等文件的功能
使用方法如下:预览前缀+word文件地址预览前缀(地址是固定的):http://
vw
.usdoc.cn/?src=Word文件地址(你要预览的word文件地址):h
·
2023-06-14 21:16
php怎么在线预览word文件?php预览.doc、.docx、.wps文件
PHP在线预览查看word文件文档PHP要实现在线Word预览只需要3步第一步:准备一个文件地址,如下:http://usdoc.cn/
vw
/文件模板.docx第二步预览前置地址:http://
vw
.usdoc.cn
·
2023-06-14 21:14
php怎么在线预览word文件?php预览.doc、.docx、.wps文件
PHP在线预览查看word文件文档PHP要实现在线Word预览只需要3步第一步:准备一个文件地址,如下:http://usdoc.cn/
vw
/文件模板.docx第二步预览前置地址:http://
vw
.usdoc.cn
usdoc文档预览_公文助手
·
2023-06-14 09:05
Office在线预览,PPT在线预览,word在线预览,Excel在线预览,PDF在线预览
将文件地址(文件url)拼接在:http://
vw
.usdoc.cn/?src=文件地址url例如:http://
vw
.usdoc.cn/?src=https://zh.usdoc.
usdoc文档预览
·
2023-06-13 19:07
office在线预览
word在下预览
PPT在线预览
Excel在线预览
前端实现Office在线预览 (一)
第一步,获取准备预览地址此处使用的usdoc的在线预览模式,使用方法以及开发文档可以参考http://usdoc.cn/show前置预览地址:http://
vw
.usdoc.cn?
usdoc文档预览
·
2023-06-13 19:07
html
css
html5
wps
Office在线预览,PPT在线预览,word在线预览,Excel在线预览,PDF在线预览
将文件地址(文件url)拼接在:http://
vw
.usdoc.cn/?src=文件地址url例如:http://
vw
.usdoc.cn/?src=https://zh.usdoc.
usdoc文档预览
·
2023-06-13 19:07
office
在线预览
word在线预览
ios
javascript
html5
php怎么在线预览word文件?php预览.doc、.docx、.wps文件
php预览WordPHP要实现在线Word预览只需要3步第一步:准备一个文件地址,如下:http://usdoc.cn/
vw
/文件模板.docx第二步预览前置地址:http://
vw
.usdoc.cn/
usdoc文档预览
·
2023-06-13 19:05
word
wps
php
预览
盒子里的文字超出换行展示、或者不换行省略号
//超出部分不换行、省略号,鼠标悬浮展示全部需要在对应盒子上添加title="XXX".overFont{max-width:10
vw
;white-space:nowrap;overflow:hidden
不爱吃饭爱吃菜
·
2023-06-12 19:32
javascript
html
前端
小程序之scroll-view用法
小程序之scroll-view用法水平滚动123.box{width:100
vw
;hight:200rpx;/*white-space不能丢*/white-space:nowrap;border:1pxsolidred
兔子___
·
2023-06-12 19:53
如何解决safari浏览器100vh有滚动条问题
但宽高分别设置为100
vw
和100vh后,发现safari浏览器纵向产生了滚动条,原因是safari和其它浏览器处理不同。
前端开发_Eric
·
2023-06-11 15:06
rem布局
单位em是一个相对单位,1em等于当前元素或父元素的font-size值rem是一个相对单位,1rem等于根元素的font-size值
vw
/vh:把屏幕分为100份,1
vw
等于屏幕宽的1%动态设置font-size
icaojinyu
·
2023-06-10 23:24
px转化vh和
vw
CSS3中有两个新尺寸单位
vw
和vh,这两个单位非常适合于开发移动端自适应页面。假如说有一个设计师做了一张1136x750px的页面,这长页面是针对iPhone6的屏幕设计的。
cc&
·
2023-06-10 17:13
javascript
css
html
uni-app简单实现一下拖拽排序
exportdefault{name:"drag-and-drop-sort-A",props:{//容器大小containerSize:{type:Object,default:()=>({wdith:'100
vw
略略大魔王丶
·
2023-06-10 08:35
前端
小程序
javascript
vue
Vue2实现响应式布局方案
1.可以实现Vue移动端和PC端的响应式布局适配实现方法:通过postcss-px-to-viewport来自动将我们开发时的px单位计算转换为
vw
视口单位,完成响应式布局。
一杆老狙
·
2023-06-10 00:35
ui
javascript
前端
前端面试题整理13
9.em、rem、px、
vw
、vh的区别?10
m-TT
·
2023-06-08 07:31
面试
前端
2022-04-13移动端适配
移动端移动适配px与百分比布局(流式布局)px和百分比布局.pngrem适配REM.pngvw适配
VW
.pngvh适配vh.png
彭vison
·
2023-06-08 06:14
两个简单的屏幕适配方案(适合PC和移动端)--- ts语法使用
1.postcss-px-to-viewport假设设计稿的尺寸是1920px,则100
vw
=1920px,1
vw
=19.2px,全部转为
vw
单位npminstallpostcss-px-to-viewport-D
yy_33404590
·
2023-06-07 19:06
javascript
开发语言
ecmascript
前端
移动端适配
2.方案一:VWvw方案使用postcss-px-to-viewport插件将px单位转化为
vw
/vh单位npmipostcss-px-to-viewport-D//postcss
神也佑我YK
·
2023-06-07 13:41
前端
纯代码的3D玫瑰花,有个这个还怕女朋友不开心?
family=Niconne&display=swap");*{margin:0;padding:0;}body{position:relative;width:100
vw
;height:100vh;background
timi先生
·
2023-06-07 01:51
CSS
javascript
3d
css
javascript
分享一个卡通人物
green:#a5ea9b;--pink:#ff61d8;--blue:#569cfa;--orange:#ffcc81;--cyan:#7ed1e2;}body{height:100vh;width:100
vw
timi先生
·
2023-06-07 01:09
CSS
javascript
javascript
html
前端
羊了个羊小游戏
kiss-rebounds.gitee.io/sheep手机端体验更佳哦羊了个羊简易版:root{--top-text-color:#ffffff;}*{margin:0;padding:0;}body{width:100
vw
满山猴子我腚最红#
·
2023-04-21 18:17
javascript
开发语言
html
前端
css
web前端网页单位、像素、px、rpx、em、rem、
vw
、vh、vm、%
文章目录前言背景1、px2、rpx3、em4、rem5、
vw
6、vh7、vm8、%前言背景随着Web的发展,对新的适配解决方案需求也会继续增大,对网页的要求更高。
素码人
·
2023-04-21 18:07
web
其他
CSS
前端
css
css3
px、em、rem、%、
vw
、wh、vm等单位有什么区别?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【px、em、rem、%、
vw
IT修真院课代表
·
2023-04-20 23:37
CSS面试考点准备之响应式布局
从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、
vw
团子哒哒
·
2023-04-20 12:47
移动端布局rem与
vw
的区别
目录1.rem2.rem的弊端与优点3.rem布局前注意点4.
vw
5.
vw
单位和%单位对比6.
vw
布局前注意点7.vue项目中使用
vw
1.rem先简单说下rem,官当文档是这样说的:rem是css中的长度单位
凡大来啦
·
2023-04-19 03:00
前端
html
css
CSS实现文字镂空效果炫酷背景效果
代码案例Documentbody{margin:0;padding:0;}.test-title{width:100
vw
;height:100vh;
·
2023-04-18 22:09
前端css3文字
前端面试题-CSS
(100px)右边自适应布局7、水平居中布局8、CSS样式叠加的权重9、link与@import的区别10、css3新特性11、有哪些方式(CSS)可以隐藏页面元素12、说说em/px/rem/vh/
vw
三个木马人
·
2023-04-18 02:54
css
前端
html
常见的CSS布局单位
常见的CSS布局单位常用的布局单位包括像素(px),百分比(%),em,rem,
vw
/vh。
ModelLife
·
2023-04-17 01:51
UE5之像素流云部署服务
以腾讯云为例从这个地址可以进入服务器的购买选择腾讯云地址选择按量计费(云服务器费用太高,一般情况下按需使用,本人只是为了验证相关技术流程)选择实例机型为GPU类型,并选择GPU计算型GN7(使用GN7
VW
揽月凡尘
·
2023-04-16 21:43
UE
ue5
腾讯云
云计算
rem布局
vw
/vh:把屏幕分为100份,100
vw
等于屏幕宽度,1
vw
等于屏幕宽度的1%。
icaojinyu
·
2023-04-16 18:11
CSS
vw
vh详解
CSSvwvh详解简介适配原理简介vwvh是一种相对单位相对视口的宽度计算结果vwviewportwidth1
vw
=1/100视口宽度vhviewportheight1vh=1/100视口高度适配原理1
Gik99
·
2023-04-16 12:49
css
css
css3
前端
CSS 中calc()神技
demo:.el{font-size:calc(3
vw
+2px);width:calc(100%-20px);
小涂异想世界
·
2023-04-16 11:00
上一页
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
其他