vw

使用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

介绍项目详细开发流程：

因为他使用起来简单，灵活，高效率）（vant：他是一个轻量、可靠的移动端Vue组件库，使用起来很容易上手）】2.移动端我还会配置一下rem，安装好对应插件，可以让px自动转换成rem自适应布局，或者使用vw
头铁程序猿.·2021-01-04 21:37

webpack转内联px为rem_webpack实现一个行内样式px转vw的loader示例

需求自从有了postcss来处理css文件，我们可以快速进行网站适配的开发，只需要改改参数，样式按照设计稿的px写，webpack编译自动转换成rem或者vw等。但是，标签内的px怎么办呢？
欧阳韬涵·2020-12-29 08:50

web前端全栈0基础到精通（祺）16

vw+vhvw即Viewport’swidth的简写，是CSS3规范中的视口单位，相对于视口的宽度，视口被均分为100单位的vw,相对于视口的高度，视口被均分为100单位的vh。
Midk·2020-12-28 12:59

vscode怎么自动将px转换成vw_Vue开发中的移动端适配（px转换成vw）

1.项目根目录下，创建.postcssrc.js文件。2.安装插件。-D(开发依赖)postcss-importpostcss-urlcssnano-preset-advanced-S(开发、运行都依赖)postcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextcssnanopostcss-view
weixin_39891694·2020-12-22 01:39

h5移动端适配(px-＞vw/vh)

vw适配1.browserslistrc文件删除notdead2.安装依赖cnpmi-Spostcss-px-to-viewport3.根目录下创建postcss.config.js文件配置如下:module.exports
赵啸林·2020-12-05 22:57

使用rem单位布局的时候有什么好处_rem适配移动端的原理及应用场景

最近和别人谈弹性布局原理，发现虽然已经使用了那套方案很久，但是自己对rem的理解很含糊，包括vw、vh等。所以打算写博客总结一下，以加深理解。二、几个概念这
weixin_39603778·2020-12-05 20:31

ds图—图的邻接矩阵存储及度计算_图(邻接矩阵)

图的定义图表示的是一种多对多的关系,线性表和树也能看成是一种特殊的图图一定有一组非空的顶点,我们用V来表示顶点(非空)图一定包含一组边,我们用E来表示(不是非空的)如果连接两个顶点的边是无向边则用(V,W)来表示VW
weixin_39827905·2020-11-21 09:50

小程序自定义圆形进度条

circle.wxss:page{width:100%;height:100%;background-color:#fff;}.circle-box{text-align:center;margin-top:10vw
·2020-11-17 15:43

CSS学习----px、rpx、em、rem、%、vw、vh、vm的区别

px像素，pixel的缩写。作用：px设置固定的布局或者元素大小rpxrpx(responsivepixel)  微信小程序解决自适应屏幕尺寸的尺寸单位微信小程序规定屏幕的宽度为750rpx。解释：将屏幕的宽度分为750份，1份就是1rpxem参考物：父元素的font-size  如果自身定义了font-size，按自身计算。整个页面内1em不是固定的值。特点：1.em的值不是固定的2.em继承父
扮猪老虎吃·2020-11-16 16:16

从零搭建VUE-CLI移动端项目

vue+vant+echarts+vuex+vue-router+vw适配+fastclick处理300毫秒延迟+移动端真机测试后话：我发现，加了fastclick处理300ms延迟后，在苹果手机上点击输入款聚焦会很困难
ForeverYoung_06·2020-10-27 17:37

部分软件安装教程及文档@2019-03-25

Hadoop集群安装视频链接:https://pan.baidu.com/s/1jlqrezoznHuPu9lNJZz3vw提取码:d9fbCentOS6.5下安装oracle11gR2文库链接:https
dataHunter·2020-10-09 13:18

微信小程序 - 获取用户手机屏幕高度与宽度（两种方案）

第一种方案（推荐）"vw"="viewwidth""vh"="viewheight"使用CSS3引入的vw/vh基于宽度/高度相对于窗口大小。
王佳斌·2020-10-08 17:49

Vue电商项目大体流程

Vue项目笔记1.前期的准备工作数据库采用的是mongodb通过包资源安装下载我们经常用的包资源库有npmcnpmyarn后端语言采用的node.js以及打包的软件为gulp前端采用布局：vw+remVueUi
生活需要半价优惠·2020-09-27 11:46

h5移动端屏幕适配方案（rem、vw）

1、概述移动端屏幕大小不一，要使网页能自适应不同尺寸的手机屏幕，而且还要尽可能开发便捷，目前使用最多的还是rem大法，相对比较成熟，而新兴的vw方案也可以一试。
醉逍遥neo·2020-09-25 16:31

移动端布局rem换算理解

vw100vw=屏幕宽度vh100vh=屏幕高度根节点字体大小1rem=1html的字体大小相关参数：widthinitial-scalemaximum-scaleuser-scable假设给定设计稿的宽度是
csdngaofeng·2020-09-23 16:47

微信小程序公告(文字滚动)具体实现:

具体实现代码如下:****index.wxml:****{{item.title}}**index.wxss:**.swiper_com{height:50rpx;width:100vw;}.swiper_item
浅殇忆流年·2020-09-17 15:48
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他