VW

2022-08-05 随笔 less 自定义函数，实现传参返回值函数

我们想要实现一个vw的less函数，他具有这样的功能：.test{height:vw(12);//height:24pxwidth:vw(32);//width:64}能够将我们传入的值转成2*value
narcissus灬·2022-08-05 18:49

uniapp开发微信小程序/h5完整流程，含vant/uview(h5适配vw)

theme:smartbluehighlight:dark创建项目[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hYs07fcs-1658913016810)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/91aa63e081c34737a623eb9001b86334~tplv-k3u1fbpfcp-water
热爱生活的大辉·2022-08-05 12:46

前端布局px,rem,vw

rememvwpxrpx1.px什么是像素：像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有时亦被称为pel(pictureelement)像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示
又糊涂·2022-08-03 17:44

在react中实现一个简单的loading

exportdefaultfunctionLoading(){return()}CSS.loading{width:128px;height:128px;position:fixed;top:calc(50vh-128px/2);left:calc(50vw
·2022-08-02 18:12

【CSS】一文搞懂 em、px、rem、vh、vw 的区别！

前言大家好，我是HoMeTown，今天聊一下CSS中em、px、rem、vh、vw这些单位都有什么区别，什么时候该用什么单位，如何正确使用。What？
·2022-07-29 10:02

前端面试题目（二十三）

vw、vh怎么用2、UMD、AMD、commonJS区别3、div充满整个屏幕怎么实现4、v-model原理5、vue单向数据流具体指什么6、react响应式和vue有什么不同，原理7、Vue项目中使用高德地图
kidaze·2022-07-22 10:10

原生js实现波浪导航效果

具体内容如下展示效果：源码展示：js波浪导航 *{undefined  margin:0;  padding:0;  font-family:"微软雅黑";}body{undefined  width:100vw
·2022-07-17 10:59

教你一招解决vue页面自适应布局

目录安装依赖可配置项参数重启项目总结兼容vue2、vue3项目，将vue文件中style里单位为px,编译时自动转换为vw、vh等单位安装依赖npminstallpostcss-px-to-viewport
·2022-07-13 11:10

Python做游戏很难吗—来看看我做的多有意思~

小游戏源码点击学习哦https://docs.qq.com/doc/DU2t4VW1aQU9DcGdZ用P
代码输入中...·2022-07-13 07:15

css 关于滚动条样式修改 最全的操作了

/*自定义滚动条样式*/::-webkit-scrollbar{width:0.3vw;height:0.8vh}这是调节滚动条的粗细的::-webkit-scrollbar-button{/*background
✧* ꧁柠檬ヤ汽水꧂✧*·2022-07-12 08:12

CSS单位：em、rem、%、vh、vw、vmin、vmax

浏览器默认的字号是16px改变该设定：html{font-size:62.5%;}//此时的浏览器默认字号为10px相当于：pxrem10px1rem1em12px1.2rem1.2em14px1.4rem1.4em16px1.6rem1.6em1.em：相对于父元素长度单位，1em=元素中文本的1个垂直高度如果元素自身设置了font-size，那么参考文本大小就是自身的font-size大小如果
乖乖我左边的房子在动·2022-07-12 08:37

小满Vue3第三十六章（Vue如何开发移动端）

开发移动端最主要的就是适配各种手机，为此我研究了一套解决方案在之前我们用的是rem根据HTMLfont-size去做缩放现在有了更好用的vwvhvw视口的最大宽度，1vw等于视口宽度的百分之一vh视口的最大高度
小满zs·2022-06-30 13:23

前端实训DAY-5——移动适配：rem

移动适配——方案一：rem和lessrem的基本使用rem：目前多数企业再用的解决方案（如小米官网）vw/vh：未来的解决方案（如bilibili）长度单位代码：rem基本使用*{margin:0;padding
HHppGo·2022-06-30 09:18

【前端大屏可视化项目适配方案】

前端大屏可视化项目适配方案1.全局适配1.1cssscale适配方案1.2vw+vh适配方案(有些细节处采用媒体查询处理)1.2.1按照设计稿的尺寸，将`px`按比例计算转为`vw`和`vh`1.2.2
MDISLXT·2022-06-28 18:08

小程序横屏兼容处理

背景在h5开发中可用的css适配单位有em/百分比/rem/vw/vh/vmin/vmax，小程序提供了rpx:可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx。
樊小书生·2022-06-17 18:50

微信小程序个人总结-基础篇

wxWeb微信小程序个人总结-基础篇wxWeb基础组件生命周期扩展基础view->divtext->span轮播图：swiper100vw=手机宽度100vh=手机高度图片拉伸：swiper宽度*原图高度
zyugat·2022-06-16 07:11

Vue+Echarts监控大屏实例十一：智慧养老监控模板实例

本实例改进，通过vh和vw实现尺寸设置，使用rem设置字体尺寸，使用vue3的steup方式
军军君01·2022-06-09 18:37

Vue+Echarts监控大屏实例五：呼叫中心监控模板实例

本实例改进，通过vh和vw实现尺寸设置，使用rem设置字体尺寸，使用vue3的steup
军军君01·2022-06-09 18:05

微信小程序实现字幕上下滚动

刚刚预约了服务'},{'url':'','title':'内容内容内容内容内容'}],}})*.wxml{{item.title}}*.wxss.swiper_zi{height:50rpx;width:80vw
if时光重来·2022-06-09 07:19

Vue前端项目自适应布局的简单方法

目录一、单位尺寸二、基于rem实现自适应布局附：html5页面的rem布局适配方法总结一、单位尺寸px%vw、vh:窗口em:针对父元素的font-sizerem：“rootem”的缩写，是一个相对长度单位
·2022-06-08 19:04

CSS响应式

CSS响应式rem适配长度,设置根元素htmlfontsize,属性1rem=100px,先进行人为规定方法一：@media+rem方法二:手机淘宝flexible.js方法三：vw,vh进行适配通过media-query
小李科技·2022-05-27 14:43

CSS响应式

CSS响应式rem适配长度,设置根元素htmlfontsize,属性1rem=100px,先进行人为规定方法一：@media+rem方法二:手机淘宝flexible.js方法三：vw,vh进行适配通过media-query
小李科技·2022-05-27 14:43

一日一技：用Python做游戏有多简单

小游戏源码腾讯文档-在线文档https://docs.qq.com/doc/DU2t4VW1aQU9DcG
代码输入中...·2022-05-24 13:57

基于 vue3 + webpack 5 + sass+ vw 适配方案+axios 封装，从0构建手机端模板脚手架

Webpack5正式发布也有很长长长一段时间了,上手了一段时候后发现真香。webpack5的新特性使得我们在配置上比以往版本更加方便了，构建速度也有了质的飞跃。本文着重为大家讲解从0到1搭建vue3+webpack5开发环境的过程中遇到的疑问。项目地址:webpack5-vue3demo地址:https://zhouyupeng.github.io/webpack5-vue3/#/先看一下配置好的
进阶的大前端·2022-05-21 17:11

前端css单位小结：vh、vw、百分比、rem、px、计算属性calc

前端css单位小结：vh、vw、百分比、rem、px、计算属性calc1vh视口的高度，也就是眼睛可以看到屏幕的高度，如果你的屏幕分辩率为1920*1080，那么视口的高度就是1080px，vh可用于写自适应
潜心专研的小张同学·2022-05-12 08:32

词云图，随便用，做个备份

作者：不良使潜力创作新星华为云享专家博客记录学习的思路，项目和错误,寻找志同道合的朋友如果觉得有帮助记得一键三连┗|｀O′|┛嗷~~代码：body{width:100vw;height:100vh;text-align
不良使·2022-05-08 11:32

postcss-px-to-viewport在Vite中如何配置

运行起来并未报错，但是发现px并没有转换为vw单位。问题解决：因为vite中已经内联了postcss，所以并不需要额外的创建postcss.config.js文件，vite关于css.po
·2022-05-07 18:56

首屏时间

概念定义首屏范围的界定：【top:0,left:0,width:100vw,height:100vh】这里的首屏指代，页面首次加载时，当前屏幕内DOM内容。
OkidoGreen·2022-04-27 12:20

react实现原生下拉刷新

代码         Document          css代码    .box{      text-align:center;      height:600px;      width:100vw
·2022-04-26 17:14

vue-template-h5 vue-cli-4 移动端脚手架模板vue-template-demo

vue-template-demo基于vue-cli4.0+webpack4+vantui+sass+rem+vw适配方案+axios封装，构建手机端模板脚手架github地址Node版本要求VueCLI
缘_妙不可言·2022-04-19 14:22

移动web-day05-移动适配

今日重点:移动适配rem：目前多数企业在用的解决方案vw/vh：未来的解决方案1.rem能够使用rem单位设置网页元素的尺寸思考:Ø手机屏幕大小不同，分辨率不同，如何设置不同的HTML标签字号？
sheepl·2022-04-13 11:53

web第五天--移动适配

网页效果屏幕宽度不同，网页元素尺寸不同（等比缩放）3.单位rem是相对单位rem单位是相对于HTML标签的字号计算结果1rem=1HTML字号大小将网页等分成10份，HTML标签的字号为视口宽度的1/10三、vw
cheunggaryu·2022-04-07 19:40

【文字自适应大小】vue文字字体大小自适应，根据屏幕大小变化字体自适应大小，简单方法

写法：利用css的自动计算方法calcfont-size:calc(100vw*100/1920);解释一下：calc：是一个css自带的计算方法，可以自动计算后返回px单位的值100vw：vw是屏幕的宽度
接口写好了吗·2022-03-20 07:47

jq实现加减功能

效果展示：HTML：咨询分钟-50+咨询次数-1+CSS：.buymain_body_son{display:flex;flex-direction:row;margin-top:4vw;}.buymain_body_son_left
宅女二二·2022-03-05 15:00

【浪漫气球——HTML CSS JS （特效+代码）】

2021.11.11index.csshtml{font-size:1.2vh;}body{height:100vh;width:100vw;overflow:hidden;background:-webkit-linear-gr
追光者♂·2022-03-04 20:23

前端开发常用单位

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

移动端框架（如WeUI）与一般的h5设计稿（750px）结合使用的方式

背景我们在进行h5开发时，通常使用的设计稿是750px（考虑retina），我们会直接根据设计稿的尺寸去开发，然后进行适配（常用的有淘宝的flexible方案以及近期流行的vw适配方案）。
family2hu·2022-02-18 18:15

移动web适配方案

手机适配，目前有四种方法：固定高度，宽度自适应固定宽度，viewport缩放利用rem布局利用vw布局这四种方法的核心都是视口的确定1.固定高度，宽度自适应目前拉勾网使用的就是这种方式，只适合简单的webapp
gavin_zhuo·2022-02-17 15:50

Css3 - vh和vw

单位描述vw视口宽度的1/100vh视口高度的1/100vmaxvw、vh最大值vminvw、vh最小值什么是视口（Viewport）？桌面端指的是浏览器的可视区域。
ElricTang·2022-02-17 01:53

寻找你心中热爱的事去做

这里先引用一个Ted演讲视频https://www.bilibili.com/video/BV1vW411a75e中介绍的一个黄金圈法则人们的思维分为三个层次："what"、"how"、”why"，大部分人的思考方式是由外到内
杨卫祥_老杨提醒·2022-02-15 00:30

移动端rem单位计算

参照移动前端自适应适配布局解决方案和比较纯css3使用vw和vh实现自适应的方法document.documentElement.style.fontSize=document.documentElement.clientWidth
一个孤独漫步者的胡言乱语·2022-02-14 15:09

20.小程序：布局适配方案（rpx、px、vw、vh）

1.rpx适配rpx是小程序中的尺寸单位，它有以下特征：小程序的把所有的屏幕宽固定为了750rpx（即750个物理像素），在所有设备上都是如此.1rpx=（screenWidth/750）px，其中screenWidth为手机屏幕的实际的宽度（单位px），例如iphone6的screenWidth=375px，则在iphone6中1rpx=0.5px由上可知，在不同设备上rpx与px的转换是不相同
TensorFlow开发者·2022-02-14 13:00

vm虚拟机怎么安装Win11系统？Win11系统安装到vm虚拟机详细图文教程

很多用户都想尝鲜使用最新的Win11系统，可是又怕影响原来的操作系统，那么有没有两全其美的方法安装Win11系统呢，其实我们可以使用VW虚拟机来安装Win11系统，下面一起跟着小编来一窥这个新一代操作系统的庐山真面目吧
大飞攻城狮·2022-02-13 10:33

Css3 Vm Vw Vmin Vmax

vw、vh、vmin、vmax是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位1，代表类似于1%。
刘予川·2022-02-12 08:24

关于移动端或者需要灵活变动的宽度的PC端的多屏幕适配

将px值转rem从而实现多屏幕适配目前有2种方法：1.简洁明了的font-size：13.33333vw的传说大法：注：该方法需在index,.html搭配视口标签移动端的设计稿一般是width：750px
我不是罗志祥·2022-02-12 07:29

基于vue项目的移动端项目，使用vw作为单位适配页面布局

全靠这位大佬的博客：http://www.cnblogs.com/zhaobao1830/p/9431454.html今天mark一下，顺便学习一下学习之前需要知道的东西100vw=视口的宽度（iphone6750
biuplus·2022-02-10 01:32

图片居中

1pxsolid;display:table-cell;vertical-align:middle;text-align:center;}直接上图：image.png例2：.space{width:100vw
angelcyl·2022-02-09 22:07

移动端js基本概念

mediascreenand(min-width:768){//小型屏幕设备}三、移动端的布局单位：px：CSS像素pt:像素单位em：相对于父级字体大小rem：相对于html的字体大小deg：角度%：百分比vw
致自己_cb38·2022-02-09 14:16

移动端适配

跟字体为设计稿的1/10的媒体查询问题)2.代码实际尺寸为(标注尺寸/设计稿/10)remeg:750设计图的120px(120/750*10)rem=>(120/75)remwidth:1.6rem;vw
愤怒的牛牛·2022-02-08 14:39

教女朋友学数据分析———数据分析库Pandas

一、数据读取附：文件链接（https://pan.baidu.com/s/1hhnuiYJvUAMoHd4gwXz2Vw）imp
striver6·2022-02-08 10:59
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他