vw

CSS通过设置filter实现元素交融效果

Document*{margin:0;padding:0;}body{width:100vw;height:100vh;}.parent{position:relative;filter:contrast
Agwenbi·2023-07-28 10:37

CSS Sprite精灵图如何缩放大小

在移动端项目当中，如果要使用精灵图的话，因为我做了px自动转换vw单位，所以在使用的时候，position位置正常写单位是px，但是转化成vw后就找不到对应的图片了"postcss-px-to-viewport
xuanwulb·2023-07-28 08:41

vue 移动端完整项目搭建（一）前言

2.所涉及的技术和框架有:1.vue-cli搭建vue项目；2.前端适配方案采用大漠老师的vw适配方案；3.前端ui框架采用有赞移动端组件库Vant,并配置按需引入；4.采用less为css的预编译语言
Alter_c474·2023-07-28 04:09

react实现自动定位

react接入腾讯地图自动定位自动定位*{margin:0;padding:0;}#app{width:100vw;height:100vh;}.mapWrapper{/*地图(容器)显示大小*/width
HarryDeveloper·2023-07-27 21:45

vue项目postcss-px-to-viewport自动适配各种分辨率，px单位自动转vw单位，脚手架cli2.0、cli3.0、cli4.0配置方法汇总

背景介绍：有个项目需要适配pc端的多种分辨率，我想到了px单位自动转vw的插件，但是我的项目脚手架用的是cli3.0的版本，我引入postcss-px-to-viewport后一直无法生效，找了很多地才找到
银鞍照白马·2023-07-27 06:04

【转载】11种垂直居中的方法

原文：CSS垂直居中的正确打开方式image.png这是垂直居中的元素居中元素宽高已知1.absolute+marginauto.parent{position:relative;width:90vw;
优秀的收藏转载分享·2023-07-27 00:55

rem移动适配解决方案及flexible.js插件使用

企业常用移动适配解决方案：即实现在不同宽度的设备中，网页元素尺寸等比缩放效果rem：目前多数企业在用的解决方案vw/vh：未来的解决方案及趋势本文将阐述rem适配方法rem单位Ø相对单位Ørem单位是相对于
黄马小配件·2023-07-26 03:56

pc端富文本编辑的字符串在手机端适配

constZPXRegExp=/(\d+)px/;letpxGlobalRegExp=newRegExp(ZPXRegExp.source,'ig')if(pxGlobalRegExp.test(str)){//px转换vw
cuiyuchen111·2023-07-26 01:45

微信小程序瀑布流组件

1.创建文件夹/components/waterfall/文件夹结构如图各文件内容：.wxml.wxss.waterfallView{width:100vw;height:100vh;padding:2%
某公司摸鱼前端·2023-07-24 22:29

滚动条样式

//滚动条样式盒子::-webkit-scrollbar{/*滚动条整体样式*/width:px2vw(7);/*高宽分别对应横竖滚动条的尺寸*/height:px2vh(1);}盒子::-webkit-scrollbar-thumb
努力学习的小瑶·2023-07-24 05:49

二十二、移动端页面练习1

目录：1.准备工作2.编写头部一、准备工作html页面爱学习css项目使用less，所以创建style.less，然后选中vw来做适配。
gaoya7305·2023-07-24 05:05

二十一、vm 适配

解决：vw的适配（在js不参与的情况下，用vw是最好的适配手段）Document*{margin:0;padding:0;}.box1{width:6.4vw;height:4.66vw;background-color
gaoya7305·2023-07-24 05:35

原生JS实现鼠标拖动dom改变滚动条位置

有时页面内容过多时会同时出现横向和纵向滚动条,鼠标拖动滚动条感觉操作有些繁琐,所以尝试直接拖动dom来实现拖动滚动条同样的效果dom结构如下.father{height:50vh;width:70vw;
Kirito_Beater·2023-07-22 20:45

【Vue】pc端的Vue项目，想要某个容器内的文字大小，随着窗口大小变化

height:calc(100vw*540/1680);//100vw:vm是屏幕的宽度，100%屏幕宽度//1680:设计稿的宽度//540:表示在1680的设计稿中，高度为540px当然不光容器的高度可以这样设置
meichaoWen·2023-07-22 16:29

H5页面滚动时显示滚动条，不滚动时隐藏滚动条

height:100%;}body::-webkit-scrollbar{width:0px;}body{-ms-overflow-style:none;height:100%;width:calc(100vw
和风微凉·2023-07-22 13:36

【ArcGIS】ArcGIS10.2完整安装操作手册-配置SDE的ST_Geometry

要将SQL和ST_Geometry或ST_Raster配合使用或访问GDB_ITEMS_VW和GDB_ITEMRELATIONSHIPS_VW视图中的ArcSDEXML列，Oracle必须能够访问这些库
实施工程师木易·2023-07-21 09:24

使用flex布局实现满屏品字布局

Documentdiv{background:red;border:1pxsolidwhite}#up{position:absolute;top:0%;width:100vw;height:50vh;
桜抄·2023-07-21 07:21

CSS---CSS面试题

10.em/px/rem/vh/vw区别1
maidu_xbd·2023-07-21 06:31

媒体查询、百分比、rem和vw/vh等布局对比解析的各种方法

12.JPG(超详细)媒体查询、百分比、rem和vw/vh等布局对比解析响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）本文介绍在布局中常用的单位，比如px、%、rem和vw等等，以及不同的单位在响应式布局中的优缺点
Phillmx·2023-07-20 15:50

infotemplate样式css调整

/*信息窗口头部样式*//deep/.esriPopup.titlePane{position:relative;//头部左右边距border-radius:0;padding-left:px2vw(19
努力学习的小瑶·2023-07-19 13:42

浏览器视口

目录css单位相对单位绝对单位像素分类物理像素逻辑像素css像素DPRPPI浏览器视口布局视口视觉视口理想视口css单位在css中我们会使用到许多单位，如px，em，rem，vw，vh等等整体上，我们可以将它们分成两类相对单位相对单位即本身的值是需要依靠其他元素计算得出的如
法玛梅林·2023-07-19 02:19

前端学习——CSS3

Document*{margin:0;padding:0;}.box1{width:200px;height:200px;background-color:deepskyblue;}.box2{width:50vw
振华首席娱记·2023-07-18 10:56

面试题三、CSS响应式及原理

响应式媒体查询（@media）,rem,em,vw,vh这些算是响应式吗？我个人觉得这只能算是实现响应式的工具，那什么是响应式呢？
赵花花5070·2023-07-17 01:10

元素溢出隐藏滚动

flex+overflow//css.class-column{display:flex;overflow-x:scroll;}.class-columna{flex:none;width:50vw;height
visitor009·2023-07-16 18:55

element ui 相关 -------星星评分

#6BAE80','#6BAE80']更改对应评分文字内容html:js:texts:['糟糕','差','一般','好','超赞']更改星星图标大小.el-rate__icon{font-size:8vw
zyue_1217·2023-07-16 06:00

分享一个创意滚筒按钮

hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);--trans-dur:0.4s;font-size:calc(40px+(60-40)*(100vw
timi先生·2023-07-16 02:06

pc端 如何使用vw实现自适应 vue sass 自定义函数

pc端网页px足够适应，都是一些form提交，增删改查的东西，不太需要做到移动端的自适应，但不排除会有pc端的首页会有一些花里胡哨的图片，这个时候如果屏幕分辨率差距很大，会造成样式不匹配，所以写一个利用vw
鸡汤辉·2023-07-15 10:21

px、rem、em、vh/vw、calc()的运算规则 的区别

font-sizeem是相对当前元素的font-size,如果当前元素没有往上找，知道找到body的font-size左后至默认的font-sizevh/vwvw就是根据窗口的宽度，分成100等份，100vw
码农小嘉·2023-07-14 20:28

使用 CSS 怎么实现宽高自适应的正方形？

宽高自适应的正方形方式一：使用rem方式二：使用vw方式三：使用百分比+padding方式四：css属性aspect-ratio方式一：使用remDocumentbody{font-size:16px;
米奇妙妙wuu·2023-07-14 20:58

史上最全高质量css+html面试题

3.CSS选择器有哪些，优先级怎么样4.简述src和href的区别5.什么是cssHack6.什么叫优雅降级和渐进增强7.vw/vh、em、rem、px的区别？8.HTML5为什么只写`
米奇妙妙wuu·2023-07-14 20:43

分享一个放烟花的特效

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
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他