VW

【python前端小工具】：复制less/scss/stulys文件，将其中的rpx单位转换成vw单位

可自行修改文件路径和配置importrefileName="course"withopen(f'./src/less/{fileName}.less','r')aslines:text=""forlineinlines:if(lineandline.find("rpx")!=-1):hasRpxLine=re.findall("\d*",line)forrpxinhasRpxLine:if(rpx
剑指流云·2021-05-16 14:57

Princeton-Algorithm-Sort初级

Comparable接口v.compareTo(w)方法vw:1v.compareTo(w)2.SelectionSort基本思想：保持前部分sorted，后部分unsorted。在第i次迭代中，在
kevinscake·2021-05-14 18:24

关于CSS部分标签用法

一.em,rem.vm,vw的计算方式em:它是相对长度单位.相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸:如果有设置,则是相对于你设置过后的字体大小
饥人谷_mquater·2021-05-12 10:25

手机端样式调用适配web端的代码

方案１注意一点：貌似大漠今年（17）年推荐使用vh与vw进行适配了。
戒惜舍得·2021-05-08 05:14

jSignature移动端竖屏状态的横屏签字处理

{transform:rotate(90deg);}确定$(function(){$("#signature").jSignature({'UndoButton':true,'height':'100vw
亻廴聿·2021-05-06 02:14

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，可理解为”rootem”,相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号，即使设置成10px最终都会显
萤火虫de梦·2021-05-04 00:32

Vue2.x 中使用vw完成移动端页面适配

如果你还对使用vw做移动端页面适配不了解，这里推荐大漠老师的两篇文章再聊移动端页面的适配和如何在Vue项目中使用vw实现移动端适配随着视口单位被众多浏览器所支持，我们现在完全可以使用vw来做移动端的适配问题
echozzh·2021-05-02 21:33

利用vw做rem适配（纯css）

vw：相对于视口的宽度。视口被均分为100单位的vw；我在想，既然vw是相对于视口的宽度，又因为视口的宽度是不固定的，那么可以用vw来做到rem适配吗？
李佳明先生·2021-04-30 09:52

马克带你用ABTB模型来解读甲壳虫文案

读完文案创作完全手册，你只需了解一个ABTB模型在解读VW汽车文案之前，我们要先知道VW汽车的时代背景。
马克图布了·2021-04-29 17:55

div+css 伪类制作个横向步骤箭头标签

html部分第一步第二步第三步第四步第五步css部分.step-col{span{color:#000;height:vh(28);width:vw(85);line-height:vh(28);@includefont-size
十八里8837·2021-04-28 15:14

前端（百度，阿里，腾讯）面试题收藏！269页前端大厂面试题宝典分享！

百度（实习）positionbind、apply，call手写bindBFCcsrf跨域diff算法虚拟DOM单位（像px，rem，em，vw等）SSR（怎么实现）ua和媒体查询OSI七层模型浏
QXXXD·2021-04-25 18:47

css适配方案选择

字体大小以“相对单位rem”为单位更合适（以19201080的设计稿为基本尺寸设置rem值，也可以使用，设计稿的尺寸38402160为基本尺寸设置rem）（字体相对单位）；2、大的布局的宽高以“相对单位vh，vw
飞上蓝天！·2021-04-23 23:30

小程序实现滑动块效果

本文实例为大家分享了小程序实现滑动块效果的具体代码，供大家参考，具体内容如下当你在复制的时候一定要把js逻辑的list数据更改就行了小程序的css样式.box{width:100vw;background
·2021-04-21 13:04

vue移动端h5适配解决方案（rem or vw）

方案一：amfe-flexible+px2rem-loaderamfe-flexible：根据设备宽度，修改根元素html的大小，以适配不同终端px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了注意：amfe-flexible是lib-flexible的优化，主要区别是amfe-flexible不会改变视口大小安装+配置1.安装amfe-flexible和p
_Kepler·2021-04-18 23:15

【无戒学堂】01无戒学堂开营了

https://mp.weixin.qq.com/s/aRpzy4CPvDiyyxbQSiH-Vw无戒学堂开营了01报名2020年的行，是欲说还休的一年。
琴雪_山人·2021-04-17 17:25

基于JS简单实现手持弹幕功能+文字抖动特效代码

生成一个铺满全屏的黑色背景，写上文字，然后内容居中实现无缝滚动实现文字抖动特效旋转90度（默认横屏展示）代码如下.html抖动字幕.css.barrage-box{width:100vh;height:100vw
·2021-04-14 20:18

使用vw适配移动端

1.vw原理解析vw是基于Viewport视窗的长度单位，这里的视窗（Viewport）指的就是浏览器可视化的区域，而这个可视区域是window.innerWidth/window.innerHeight
·2021-04-08 13:12

使用vw适配移动端

1.vw原理解析vw是基于Viewport视窗的长度单位，这里的视窗（Viewport）指的就是浏览器可视化的区域，而这个可视区域是window.innerWidth/window.innerHeight
·2021-04-02 19:57

前端CSS高频面试题---2.em/px/rem/vh/vw的区别

从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等。
·2021-03-31 09:47

前端CSS高频面试题---2.em/px/rem/vh/vw的区别

从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等。
·2021-03-31 09:35

Leaflet实现框选截图 网页框选截图

我们要实现一些类似以网页截图的功能，比如下面我们需要借助leaflet-drawhtml2canvas项目预览地址htmlcss#map{height:100vh;width:100vw;}js第一步：
·2021-03-19 00:25

Leaflet实现框选截图 网页框选截图

我们要实现一些类似以网页截图的功能，比如下面我们需要借助leaflet-drawhtml2canvas项目预览地址htmlcss#map{height:100vh;width:100vw;}js第一步：
·2021-03-18 18:15

前端开发常用单位

1.开发环境vue+vant2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用到一些单位,比如px,em,rem,vw,vh下面我来分享他们之间的区别,希望对你有所帮助。
·2021-03-18 18:51

前端提高篇（四十六）CSS进阶11：移动端布局(等比缩放+1px问题：viewport+rem | transform | vw+插件)

凸显大屏更清晰的优势1.百分比：层级多时，需要计算2.flex：需要计算3.单位rem：固定地将html的font-size设置成屏幕宽度的某一个百分比值，当需要定义宽高时，以rem为单位去设置4.单位vw
安之ccy·2021-03-11 23:57

移动端适配的几种解决办法

页面看着没有不适感思路写页面时，按照设计稿写固定宽度，最后再统一缩放处理，在不同手机上都能用按照设计稿的标准开发页面，在手机上部分内容根据屏幕宽度等比缩放，部分内容按需要变化，需要缩放的元素使用rem,vw
孙叫兽·2021-03-11 22:54

Vue拖拽调整元素顺序

[v-cloak]{display:none;}.box1{background:#f9f9f9;padding:10px15px;}#app{width:30vw;margin-left:30vw;height
北海之灵·2021-03-11 10:17

Cesium场景出图

important;/*去除Cesium默认版权信息*/}.tool-bar{position:absolute;top:1vh;left:2vw;z-index:999999;}.cesium-viewe
牛code·2021-03-08 20:12

文字折叠特效 html+css

效果：实现：1.定义标签：aurora2.设置文字基本样式：h1{text-transform:uppercase;letter-spacing:3px;font-size:15vw;transform
北极光之夜。·2021-03-07 00:10

[css] 你是如何规划响应式布局的？

从项目角度来讲，PC和Mobile是一个项目还是两个项目；从方法流派来讲，有栅栏布局，固定viewport，使用rem/pt/vw单位，使用定位百分比，修改为rem/vw单位，五种；从文件结构来讲，是独立为响应布局专用
小歌谣（公众号同名）·2021-02-20 12:08

Shell 脚本攻略--Mysql 服务（一键部署）（源码编译安装）

“拖进去”mysql-boost-5.7.20.tar.gz#这是一个整合包软件包资源传送门：https://pan.baidu.com/s/1zjliAMCbwe7UnSyvXBa9ew提取码：u4vw
Xucf1·2021-02-04 21:33

基于react hook的红包雨动画

、ts实现效果前言红包雨动画，下面的盒子不断移动接住红包提示：以下是本篇文章正文内容，下面案例可供参考一、html二、css.wrap,.box{position:relative;width:100vw
疯狂橙子·2021-02-03 16:05

css3自适应单位vw,vh详解

在CSS3中，新增了很多长度单位，今天就来谈谈：vw、vh、vmin、vmax1.什么是视口？
dample小童鞋·2021-02-02 13:06

计算机考研408真题（全国统考2009--2020）、985高校计算机考研资料（清北+北理+北邮+武大+华科+浙大+复旦+哈工大+西安交大+华南理工）、王道四件套、天勤四件套---百度网盘免费下载

1.计算机考研408真题（全国统考2009–2020）真题链接：https://pan.baidu.com/s/1uTQd7wScWBk16ShJlyUbgA提取码：u5vw答案链接：https://pan.baidu.com
小天才才·2021-01-30 21:41

性能优化-各项指标计算方式

概念首屏范围的界定：【top:0,left:0,width:100vw,height:100vh】这里的首屏指代，页面首次加载时，当前屏幕内DOM内容。
·2021-01-29 03:08

there.js移动端 IOS 安卓 360全景视频（vr）

360全景视频3D播放源码使用mxreality.js技术津彩body{width:100vw;height:100vh;background:black;}html{touch-action:none
L、yan·2021-01-28 16:49

Vue项目中个人中心头像的上传方法

将van-uploaderpreview-size属性设置为100vw，也就是铺满整个屏幕。对整个父级设置overflow:hidden;透明度设置为0。并且将uploadfile和up
拾玥花开·2021-01-24 00:10

微信小程序原生开发注意事项

既然有坑那就来吐槽，不，来记录一番吧～布局时宽高用百分比不生效问题这个问题，用vw或vh代替就能解决Page里引用了自定义组件，导致页面底部有大量空白区域这是一个奇葩问题，网上也没找到好的办法，刚开始以为会要卡不少时间
·2021-01-21 16:31

移动端适配方案，同时把px转成vw

开发项目时，按照设计稿开发，上传项目时，借助该插件，快速进行适配1.在项目中安装postcss-px-to-viewport插件npminstallpostcss-px-to-viewport--sava-dev2.在postcss.config.js中进行配置3.配置信息//安装postcss-px-to-viewport插件后的配置module.exports={plugins:{autopr
玄鱼殇·2021-01-21 12:56

VUE使用 postcss-px-to-viewport 适配移动端布局px自动转换vw

安装使用npm安装$npminstallpostcss-px-to-viewport--save-dev或者使用yarn进行安装$yarnadd-Dpostcss-px-to-viewport在postcss.config.js添加如下配置module.exports={plugins:{//...'postcss-px-to-viewport':{//optionsunitToConvert:'
Iterate·2021-01-20 23:57

Centos 搭建Tomcat环境

首先将jdk和tomcat下载下来,并上传到服务器https://pan.baidu.com/s/1BzBgSjJi9yId91xqI2vw-w提取码：9dbm将文件进行解压命令:tar-xvfjdk文件如果解压的文件路径是
代瑶·2021-01-20 13:31

css 设置背景图片铺满固定不动

页面原型htmlcss.main{position:relative;width:100vw;min-height:100vh;background-image:url("../..
٩(⁎ ́ი ̀⁎)۶:.✧·2021-01-20 09:11

通过vh和vw适配大屏项目和不同分辨率浏览器

先抄一下网上对vh和vw的解释：vhandvw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。
人群中的一个孩儿·2021-01-15 11:32

关于rem 针对设计稿宽度，设计rem调试比例

rem宽度比例设计稿宽度首先:1rem=100px100vw=750px所以1rem=100vw/7.5=13.333333333vw//最后设置根元素font
闪现.·2021-01-14 18:06

D3 Exploration - Step 1

constsvg=d3.select('div')//otherCSSSelectors~~.append("svg").style({backgound:'pink''}).attr("width",'80vw
kasmine·2021-01-14 14:09

使用idea开发javaWeb应用程序的思路(实现用户的增删改查)

完整工程代码：链接:https://pan.baidu.com/s/1zSGMvSQa-ihwEN5pP4vW6w提取码:dpw8工程目录结构如下：1、添加/修改用户页面在webapp下新建目录user
·2021-01-13 11:45

小程序 swiper -- 间距轮播

所以简单实现一个间距轮播##采用css实现给swiper-item添加样式，也可手动控制间距，调整paddingswiper-item{box-sizing:border-box;padding:05vw
Sanbai·2021-01-11 23:10

小程序 swiper -- 间距轮播

所以简单实现一个间距轮播##采用css实现给swiper-item添加样式，也可手动控制间距，调整paddingswiper-item{box-sizing:border-box;padding:05vw
Sanbai·2021-01-11 22:44

retry和defaultdict包、sorted字典排序

1、retry参考：https://github.com/jd/tenacityhttps://www.bilibili.com/video/BV1sv411r7vW?
初心fly·2021-01-10 22:50

使用vue vantUi框架 根字体是37.5 和默认根字体75不一致，导致页面组件样式变小

可以试下这样去配套组合使用style的转换：postcss-pxtorem+amfe-flexiblehtml行内标签的转换：style-vw-loader怎么装自行百度这里就贴下怎么配置vue.config.jsmodule.exports
Traveller·2021-01-08 00:23

移动端适配方案 vw

vw与px对应关系，100vw为视窗宽度，@vw即为@px对应占多宽@px@vw----------------------===----------------------design-width100vw
皮卡丘卡不卡皮·2021-01-07 15:21
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他