vw

作者: 葶寳寳 | 来源:发表于2019-03-04 17:42 被阅读0次

昨天产品大哥问我红包背景卡片的大小，百度开发工具显示是93.3333333vw，那么这是多少px呢？

vw：是相对于视窗宽度。视窗宽度是固定的：100vw。
vh：是相对于视窗的高度。视窗高度是100vh。

视区：所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。

回到刚刚的问题，一般移动端是按iphone6````750像素为标准的，那么93.3333333vw对应745px（x/750=93.3333333vw/100vw）。

移动端适配方案 vw
vw与px对应关系，100vw为视窗宽度，@vw即为@px对应占多宽@px@vw-----------------...
css实现正方形div的3种方式
1.CSS3 vw 单位 1vw = 1% viewport width .vw { width: 50%; ...
2021-05-11 移动端的vw px rem之间换算移动端的
一、vw px rem em是什么 1.vw:就是相对视口宽度(Viewport Width)。1vw = 1% ...
CSS新增单位
CSS3 新增的单位：**vh、vw、vmin、vmax** * vw 和 vh 1、1vw 等于1/100的...
css3 vw/vh rem em
1. vw/vh vw:1vw等于视口宽度的1%vh:1vh等于视口高度的1%vh和vw是相对于适口的高度和宽度，...
Number one
1.vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。图片设置100vw 1张图片小屏...
css实现自适应正方形
方法一：使用 CSS3 的 vw，vh 单位用 vw 或 % 单位设置宽度，用 vw 单位设置相同高度即可；用...
rem、rm、px、vw之间的相互转换
一、vw px rem em到底是什么1.vw/vh:就是相对视口宽度或者高度,100vw 等于整个屏幕宽度 10...
css3 vh and vw
1.vw：1vw等于视口宽度的1%。 2.vh：1vh等于视口高度的1%。 3.vmin：选取vw和vh中最...
用CSS3 vh 简单实现DIV全屏居中
vh、vw、vmin、vmax介绍 vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%）vh：视窗高度的百分比...