vw

分享一个放烟花的特效

inset:0;background:radial-gradient(circleat50%90%,#898916,#28297233%,#000000);}.stars{box-shadow:21.2vw39.2vh
timi先生·2023-07-14 08:51

关于postcss-px-to-viewport引入vux，组件中px被转化为vw解决方案

首先要找到问题的原因：仔细查阅了vux文档，vux的样式是直接引用的weui样式我down下来weui源码，以switch组件为例：图片.png在浏览器中展示的字体则是：图片.png那么在项目中px单位就被转化成了vw
前端小学生_f675·2023-07-14 03:19

微信原生封装一个简易的加载效果

loading_v1/loading.wxss*/.loading-container{position:fixed;top:0;left:0;z-index:111111111111111;width:100vw
搜捕鸟了·2023-07-13 19:22

好看的登录界面（2）

body{background-color:#000000;min-height:98vh;perspective:1500px;}div#bgDIV{width:100vw;height:98vh;position
白夜的月亮·2023-07-13 15:41

基于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

html_css模拟端午赛龙舟运动

样式布局风格：卡通首先采用一张包括水元素的照片作为背景annimation*{margin:0;padding:0;}body{width:100vw;height:100vh;background:url
yma16·2023-06-23 03:17

Linux的基础操作

注意：本次演示环境是在VW虚拟机下的Centos7操作系统。1.操作系统的体系结构（简易版本）用户->操作系统->各种硬件对应的驱动程序->硬件。这只是为了增强一些您对操作系统的认知，
limou3434·2023-06-22 17:34

rem 和 em 的区别

即相对于标签的font-size实现的，浏览器默认字号是font-size:16pxem:是相对于父元素标签的字号，和百分比%类似，%也是相对于父级的，只不过是%相对于父级宽度的，而em相对于父级字号的vw
前端小芬芬·2023-06-21 17:55

css实现自适应正方形

1、vm单位.square-shape{width:50%;height:50vw;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

前面基础知识（查缺补漏）css篇

知识点css篇自适应单位百分比：%相对于视口宽度单位：vw相对于视口高度单位：vh相对于视口宽度或高度单位：vm(取决于哪个小)相对于父元素字体单位大小：em相对于根元素字体单元大小：rem选择器比重内联样式
没入门到放弃·2023-06-20 14:42

【Qt常用关键字知识拓展】

数据类型二、Qt函数类型三、Qt枚举类型四、Qt运算符重载函数类型一、Qt数据类型【1】constautogroups={“ABC”,“DEF”,“GHI”,“JKL”,“MNO”,“PQR”,“STU”,“VW
「QT(C++)开发工程师」·2023-06-20 13:17

CSS面试常问知识点

FFC块级格式化上下文（BFC）：内联格式化上下文（IFC）：网格格式化上下文（GFC）：自适应格式化上下文（FFC）：六.重绘与重排如何触发重排和重绘如何尽量减少重排和重绘的次数重绘与重排的区别七.vw
Program W·2023-06-20 10:26

vue-cli3实现屏幕自适应（两步搞定）

项目演示代码exportdefault{name:'test',components:{}}*{margin:0;padding:0;}.big{width:100vw;height:100vh;background
皮皮虾不皮呀·2023-06-19 16:19

前端必备知识点 混淆 刷题 查漏补缺【持续更新中】

目录1.vue双向数据绑定（响应式）原理2.HTML语义化（语义化标签）3.标签上title与alt属性4.CSS单位：1px、1em、1rem、1vh/1vw的含义5.网页前端性能优化的方式6.HTTP
成茂峰·2023-06-19 07:41

css基础知识三：说说em/px/rem/vh/vw的区别?

一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw
小爱同学-Allen·2023-06-19 04:25

渐变背景及边框实现

CSS.warning{height:2rem;line-height:1.8rem;font-size:calc(100vw*13/1920);padding-left:.5rem;margin-bottom
代码搬运媛·2023-06-17 20:43

移动端小于12px的字体处理方法

遇到了下图的情况由于浏览器对字体最小为12px的限制，所以我查阅资料后尝试使用transform:scale来处理代码如下：学习专家.doctor{position:absolute;right:(33/@vw
真的想不出名儿·2023-06-17 19:47

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

postcss插件使用和适配方案

原理是将固定的像素单位(px)转换为根据视窗大小缩放的单位(vw|vh)，该插件实现的就是这一单位间的转化。
沐沐茶壶·2023-06-15 15:50

前端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在线预览 (一)

第一步，获取准备预览地址此处使用的usdoc的在线预览模式，使用方法以及开发文档可以参考http://usdoc.cn/show前置预览地址：http://vw.usdoc.cn?
usdoc文档预览·2023-06-13 19:07

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

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

盒子里的文字超出换行展示、或者不换行省略号

//超出部分不换行、省略号，鼠标悬浮展示全部需要在对应盒子上添加title="XXX".overFont{max-width:10vw;white-space:nowrap;overflow:hidden
不爱吃饭爱吃菜·2023-06-12 19:32

小程序之scroll-view用法

小程序之scroll-view用法水平滚动123.box{width:100vw;hight:200rpx;/*white-space不能丢*/white-space:nowrap;border:1pxsolidred
兔子___·2023-06-12 19:53

如何解决safari浏览器100vh有滚动条问题

但宽高分别设置为100vw和100vh后，发现safari浏览器纵向产生了滚动条，原因是safari和其它浏览器处理不同。
前端开发_Eric·2023-06-11 15:06

rem布局

单位em是一个相对单位，1em等于当前元素或父元素的font-size值rem是一个相对单位，1rem等于根元素的font-size值vw/vh：把屏幕分为100份，1vw等于屏幕宽的1%动态设置font-size
icaojinyu·2023-06-10 23:24

px转化vh和vw

CSS3中有两个新尺寸单位vw和vh，这两个单位非常适合于开发移动端自适应页面。假如说有一个设计师做了一张1136x750px的页面，这长页面是针对iPhone6的屏幕设计的。
cc&·2023-06-10 17:13

uni-app简单实现一下拖拽排序

exportdefault{name:"drag-and-drop-sort-A",props:{//容器大小containerSize:{type:Object,default:()=>({wdith:'100vw
略略大魔王丶·2023-06-10 08:35

Vue2实现响应式布局方案

1.可以实现Vue移动端和PC端的响应式布局适配实现方法：通过postcss-px-to-viewport来自动将我们开发时的px单位计算转换为vw视口单位,完成响应式布局。
一杆老狙·2023-06-10 00:35

前端面试题整理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，则100vw=1920px，1vw=19.2px，全部转为vw单位npminstallpostcss-px-to-viewport-D
yy_33404590·2023-06-07 19:06

移动端适配

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:100vw;height:100vh;background
timi先生·2023-06-07 01:51

分享一个卡通人物

green:#a5ea9b;--pink:#ff61d8;--blue:#569cfa;--orange:#ffcc81;--cyan:#7ed1e2;}body{height:100vh;width:100vw
timi先生·2023-06-07 01:09

羊了个羊小游戏

kiss-rebounds.gitee.io/sheep手机端体验更佳哦羊了个羊简易版:root{--top-text-color:#ffffff;}*{margin:0;padding:0;}body{width:100vw
满山猴子我腚最红#·2023-04-21 18:17

web前端网页单位、像素、px、rpx、em、rem、vw、vh、vm、%

文章目录前言背景1、px2、rpx3、em4、rem5、vw6、vh7、vm8、%前言背景随着Web的发展，对新的适配解决方案需求也会继续增大，对网页的要求更高。
素码人·2023-04-21 18:07

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.vw5.vw单位和%单位对比6.vw布局前注意点7.vue项目中使用vw1.rem先简单说下rem，官当文档是这样说的：rem是css中的长度单位
凡大来啦·2023-04-19 03:00

CSS实现文字镂空效果炫酷背景效果

代码案例Documentbody{margin:0;padding:0;}.test-title{width:100vw;height:100vh;
·2023-04-18 22:09

前端面试题-CSS

（100px）右边自适应布局7、水平居中布局8、CSS样式叠加的权重9、link与@import的区别10、css3新特性11、有哪些方式（CSS）可以隐藏页面元素12、说说em/px/rem/vh/vw
三个木马人·2023-04-18 02:54

常见的CSS布局单位

常见的CSS布局单位常用的布局单位包括像素（px），百分比（%），em，rem，vw/vh。
ModelLife·2023-04-17 01:51

UE5之像素流云部署服务

以腾讯云为例从这个地址可以进入服务器的购买选择腾讯云地址选择按量计费(云服务器费用太高，一般情况下按需使用，本人只是为了验证相关技术流程）选择实例机型为GPU类型，并选择GPU计算型GN7(使用GN7VW
揽月凡尘·2023-04-16 21:43
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他