vw 第8页

uniapp跑马灯文字滚动

{{item.name}}.barrage-box{ //border:1rpxsolidred; padding:010rpx; width:90vw; transform-origin

阿巴资源站·2023-09-01 09:30

iframe简单用法

iframe一般用于一个网页嵌套另外一个网页比如我这里有两个html文件在1.html文件写上body{margin:0;padding:60px;height:100vh;width:100vw;box-sizing

关忆北_·2023-08-31 13:27

css中的vw\vh

#######认识视口单位（Viewportunits)首先，我们要了解什么是视口。在业界，极为推崇的一种理论是Peter-PaulKoch(江湖人称“PPK大神”)提出的关于视口的解释——在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端较为复杂，它涉及到三个视口：分别是LayoutViewport（布局视口）、VisualViewport（视觉视口）、IdealViewport。

北末_染·2023-08-31 09:51

微信小程序转盘实现（真心话大冒险）

废话不多说，接下来直接上图上代码吧实现效果扫码体验首先给出素材图片2.wxml代码wxss代码.background{/*#CSS3引入的"vw"和"vh"基于宽度/高度相对于窗口大小#"vw"="viewwidth

难合衬i·2023-08-30 11:20

video视频自动播放

video视频自动播放自动播放+声音去掉muted=“true”video{width:100vw;height:30vh}

周亚鑫·2023-08-28 18:38

animation练习3之七夕篇

Document*{padding:0;margin:0;}body{width:100vw;height:100vh;background:#000;color:#fff;font-size:large

花开花落的博客·2023-08-27 02:20

倒计时动效

1.效果2.html3213.cssbody{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items

不靠谱的作曲家·2023-08-26 04:48

rem单位在chrome中适应变化

12px会响应chrome在79版本后修复了这个最低响应问题，可做到响应到多少都没问题问题：如果想要在79版本之前想要做到响应单位该怎么办解决办法：将根节点设置成响应单位:$rem:calc((100vw

弦生_a3a3·2023-08-25 21:57

VW 80000-2021版，最新发行，（3.5 吨以下汽车电气和电子部件试验项目标，试验条件和试验要求），大众标准

std7879·2023-08-25 12:16

Vue 移动端中使用vw适配

流程：（1）安装yarnaddpostcss-urlpostcss-importpostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnanocssnano-preset-advanced(2)在根目录添加postcss.config.js文件，

小废柴JH·2023-08-25 09:59

Uniapp flex布局失效

添加`overflow:hidden;white-space:nowrap;`属性view添加`display:inline-block;`属性content.scroll-view{width:100vw

web.yoyo·2023-08-25 01:54

php 双重循环优化 foreach

数据越庞大效果越明显没看懂请留言$VW_SHANGPIN_FJSX=[['spdm'=>'kf','spmc'=>'咖啡','type'=>1],['spdm'=>'kl','spmc'=>'可乐','

微齐天大圣.·2023-08-24 00:55

纯css3的网站轮播图animation练习2

Document*{padding:0;margin:0;}body{width:100vw;height:100vh;display:grid;}main{width:300px;height:300px

花开花落的博客·2023-08-23 11:57

移动端，PC端是怎么做适配的？

单位px：像素em：一个M的宽度（面试：一个字的宽度）rem：rootem根元素（）的font-size//oppo个别机型不适用vh：viewheight，视口高度100vh===视口高度vw：viewwidth

shirley_ee84·2023-08-22 11:44

css3之animation 提交按钮简单的动画

Document*{padding:0;margin:0;}body{width:100vw;height:100vh;display:grid;grid-template:1fr/1fr;}.btn{

花开花落的博客·2023-08-22 11:19

uniapp scroll-view横向滚动无效，scroll-view子元素flex布局不生效

2scroll-view标签需要给予一个固定宽度，可以是百分百也可以是固定宽度或者100vw。

蕉君桑·2023-08-22 08:57

uniapp如何应对不同端字体大小的问题

2.使用vw和v

很菜很菜的人·2023-08-21 19:23

uniapp禁止页面上下滚动

bounce":"none"}第二个方法功能场景我目前是在用uniapp做一个H5程序，中间有一个排行榜的页面只展示前十名，但是里面的导航是自定义导航栏，会占据文档流的位置，所以背景图宽高固定为100vh100vw

翠花517·2023-08-20 04:32

24.纯CSS实现瀑布流布局

1.CSS实现瀑布流布局（display:flex）本例使用CSSflex实现瀑布流布局关键点，横向flex布局嵌套多列纵向flex布局，使用了vw进行自适应缩放htmldiv.g-container-for

荼蘼toome·2023-08-19 14:19

选择器

，vw1vw=视口宽度的1%1vh=视口高度的1%vminvmax@media@mediascreen@mediaprint@mediascreenprint@mediaonlyscreenand(max-width

自you是敏感词·2023-08-19 07:37

React umi使用postcss将px转为vw来自适应

创建项目创建目录，初始化umimkdirreact-pxtovw&&cdreact-pxtovwyarncreateumi创建的时候选择app就足够了，然后也使用typescript安装依赖yarn二、使用vw

Lia代码猪崽·2023-08-19 05:49

fiddler抓包查清apache的httpclient中文乱码问题

__biz=Mzg2NTAyNTc5NQ==&tempkey=MTA1Ml9CR1ZrdkN5andGalM4TzRnVnpmeXV5Y1Npd1dQS3dvdldPRE16VW5CT3Z3bXBuNjJSbmFYTndHbERNZncwUmpaY2pabU5fc2hZM1duRjBOTHJTb05BNEUtSXo2dVhpME1Ibi1

运维开发笔记·2023-08-19 05:01

详解web前端长度单位（px、em、rem、%、vw/vh、vmin/vmax、vm、calc()）

而整体的长度单位分为两大类：绝对长度单位包括：in,cm,mm,q,pt,pc,px相对长度单位包括：em,rem,%,vw,vh,vmax,vmin,vm,ch,ex2）绝对长度绝对长度单位是一个固定的值

西晋的no1·2023-08-19 01:44

Vue 大屏可视化铺满全屏

之前写了一篇帖子Vue大屏可视化屏幕自适应，是针对在知道大屏尺寸的情况下，保证还原UI设计的显示比例，这样在非标准比例的屏幕上显示，会出现上下或左右留白，若想完全铺满全屏，使用vw/vh计算。

冰天物语·2023-08-19 00:08

屏幕自适应单位rem、vw转换（移动端适配）

1.使用rem的js代码解决适配问题事实上rem.js是把屏幕等分成10份，每份为1rem，1rem对应的大小就是rem基准值，rem.js做的就是把rem基准值给html的font-size，所以如果设备的物理像素宽为640px，那么1rem=640px/10=64px,html的font-size为16pxrem.js文件内容/*rem.js文件内容*/(function(){varhtml=

MoicA·2023-08-17 23:15

Naive Softmax&Negative Sampling

NaiveSoftmax&NegativeSampling1NaiveSoftmax引入两个向量：对于词汇表V\mathbf{V}V(vocabulary)中的每个单词w，当www是center单词的时候，使用ddd维向量vw

扬州小栗旬·2023-08-17 17:07

刷新的样式 4个点

代码直接拿走钉钉刷新动画css实现.refresh{height:100vh;width:100vw;position:absolute;top:0;left:0;z-index:100;}.refresh.blueball

思念LY·2023-08-17 16:24

CSS常见单位汇总

视口单位（vw、vh、vmin、vmax）：相对单位，基于视口的宽

微风粼粼·2023-08-17 15:39

Vue移动端与PC端适配方案viewport+postcss-px-to-viewport

优点：不需要换算及转换系数某些属性不需要转换为REM、VW等可以全部使用px单位lib-flexible作者推荐，方便好用什么是viewport:viewport翻译成中文的意思大致是视图、视窗。

一路向北qaq·2023-08-16 07:17

使用postcss-px-to-viewport-8-plugin进行屏幕适配

这个插件可以将px单位转换为视口单位，包括vw、vh、vmin和vmax，从而实现在不同设备上的自适应布局。

冯锦辉·2023-08-16 07:16

postcss-px-to-viewport配置横屏参数landscape: true报错postcss.atRule is not a constructor

首先postcss-px-to-viewport是一款很优秀的插件，他能将px转换成视口单位vw，而vw本质上还是一种百分比单位。

长剑浣花咻咻咻·2023-08-16 07:16

vite3+vant移动端适配

vw配置安装插件npmi-Dautoprefixer@^10.4.7npmi-Dpostcss-px-to-viewport-8-plugin@^1.1.3创建配置文件根目录创建postcss.config.cjsmodule.exports

cooldrw2012·2023-08-16 07:46

vue+vant2—篇4—用viewport 单位适配浏览器

Vant默认使用px作为样式单位，如果需要使用viewport单位(vw,vh,vmin,vmax)，推荐使用postcss-px-to-viewport进行转换。

有蝉·2023-08-16 07:46

大数据--难点--地图的制作

地图一直是亮点也是难点，刚刚进公司的时候也很难懂~~做出来的也很难看纯CSS3使用vw和vh视口单位实现h5页面自适应，gulp自动监听sass改动并保存到css中当修改了sass里面的代码后，gulp

炎同学要努力·2023-08-15 21:35

1rem、1em、1vh(vw)、1px各自代表的含义

1rem、1em、1vh(vw)、1px各自代表的含义：rem页面所有使用rem单位的长度都是相对于根元素元素的font-size大小。即1rem等于根元素元素的font-size大小。

钟Bubble·2023-08-15 07:50

动态动画弹窗样式css

css.popWin{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000;opacity:0.5;z-index:999

钟Bubble·2023-08-15 07:19

右上角角标

主要是样式重点级是1父布局正方形，高等于宽，2父相对布局，儿子绝对布局首先父亲.imgroot{width:20%;height:20vw;position:relative;background:#5B6CFB

ddsfec·2023-08-14 10:02

在线吉他调音

c-mouth:#7c1d1c;--track:#2220;--thumb:#4caf50;--c-classic:#ff9800;--c-electric:#00aaff;}html{width:100vw

timi先生·2023-08-14 07:14

一次搞懂数据大屏适配方案 (vw vh、rem、scale)

方案一：vwvh假设设计稿尺寸为1920*1080（做之前一定问清楚ui设计稿的尺寸）即：网页宽度=1920px网页高度=1080px我们都知道网页宽度=100vw网页宽度=100vh所以，在1920px

也有1點儿想你·2023-08-12 19:51

使用Three.js制作一个旋转多面体

形式引入three.js,另外一个js则是我们自己编写的代码Documentcss:*{margin:0;padding:0;box-sizing:border-box;}html{width:100vw

五彩斑斓黑123·2023-08-10 23:18

你所了解的dependsOn是怎样的？

具体地址为：https://www.yuque.com/msdi/vw7l9x/qiwbhh。如果你是个入门者，或许可以从这里开始。

晴天小雨不感冒·2023-08-10 12:17

【CSS】说说响应式布局

目录一、是什么二、怎么实现1、媒体查询2、百分比3、vw/vh4、小结三、总结一、是什么响应式设计简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

早睡第一人·2023-08-10 11:19

CSS3中使用calc()设置浏览器宽度和高度减去固定值的写法

设置宽度：width:calc(100vw-123px);说明：1、vw是widthofview(port)的缩写；2、100vw表示百分之百的视图宽度；3、123px是需要减去的宽度；4、减号的两边必须都有至少一个空格

元仙僧·2023-08-09 19:25

canvas实现代码雨

学习抖音：@渡一前端必修课效果图：全部代码：Title*{padding:0;margin:0;}#view{max-width:100vw;max-height:100vh;overflow:hidden

就是个名称·2023-08-09 13:17

响应式设计与自适应设计

响应式设计一个网页可以在不同窗口或者不同屏幕下很好得被展示的一种技术，这里可以理解为是一套代码实现的方法：媒体查询百分比布局（流式布局）响应式布局（flex、grid、多列）响应式图片rem方案、vh、vw

水不腐-枢不蠹·2023-08-08 17:47

用 CSS 实现长宽为浏览器窗口一半的正方形

Document.box{width:50vw;height:50vh;background-color:blue;}

日晞·2023-08-08 17:15

用 CSS 实现高度为 0.5 像素的线条

background-color:wheat;}.line::after{background-color:pink;content:"";display:block;box-sizing:border-box;width:200vw