vw

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

刚刚预约了服务'},{'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

vue2.x使用响应式vw布局(px自动转为vw)

浏览器支持一览1、依赖包引入yarnaddpostcss-px-to-viewport-optpostcss-viewport-unitscssnanocssnano-preset-advanced--dev2、更改项目根目录下.postcssrc.js文件配置module.exports={"plugins":{"postcss-import":{},"postcss-url":{},"auto
yang_fy·2022-02-05 07:51

css修改浏览器默认的滚动条样式

(css.png-8b8f4c-1578303982109-0)]2.css//css.content{width:calc(100vw-250px);height:100%;background-color
Fanny·2022-02-04 22:14

手摸手教你开发一个postcss插件自动计算vw

因为平时工作中开发h5网页的时候，为了更好适配不同的尺寸，经常会使用vw单位，通常是通过vw=元素尺寸/设计图屏幕尺寸，比如一个元素在37.5px的设计图下宽100px,那得到的vw就是37.5/375
·2022-02-04 15:55

第九次作业：7步法拆解爆款文章

文章标题：《48岁闫妮暴婚姻真相：看清一个男人，这三件事就够了》链接：https://mp.weixin.qq.com/s/OjQtshKXwV4S3pqptZV0Vw一、选题：用三件事来看清一个男人，
素面朝人海·2022-02-03 06:21

【css灵感】模拟3D地球

点击这里查看无纯净广告版实现方法:root{--stars:5vw15vh2pxwhite,1vw33vh0pxwhite,2vw25vh2pxwhite,10vw10vh2pxwhite,12vw20vh0pxwhite
·2022-01-25 10:38

【css灵感】模拟3D地球

点击这里查看无纯净广告版实现方法:root{--stars:5vw15vh2pxwhite,1vw33vh0pxwhite,2vw25vh2pxwhite,10vw10vh2pxwhite,12vw20vh0pxwhite
·2022-01-23 17:27

详解Vue-cli来构建Vue项目的步骤

就可以使用它来构建项目vueinitwebpackvw-layout进入到刚创建的vw-layout:cdvw-layout然后执行:npmrundev默认的页面效果：总结本篇文章就到这里了，希望能够给你带来帮助
·2021-12-20 19:09

vue项目中使用rem替换px的实现示例

目录工具安装插件在项目根目录下添加.postcssrc.js文件index.html关于移动端页面适配，rem和vw适配方案基础点：rem相对根节点字体的大小。
·2021-12-06 11:04

微信小程序横屏状态下的自适应实践（尺寸单位vmin）

2.尺寸单位vminvmin：视口宽度vw和高度vh两者之间的最小值
·2021-11-26 14:12

前端开发框架Vue在PostCSS中的使用

为什么要使用Postcss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置
·2021-11-02 11:41

vue实现列表无缝滚动

css部分代码.wrapper{width:96vw;height:90vh;position:absolute;left:2vw;top:1rem;overflow:hidden;}.contain>
·2021-10-29 12:57

Web前端--HTML+CSS+JS实现仿切水果小游戏

0;list-style-type:none;touch-action:none;user-select:none;}.bg{position:absolute;z-index:0;width:100vw
奥斯卡1号·2021-10-28 10:32

Echats图表大屏自适应的实现方法

大屏展示已经成为企业数据展示的常见场景，如何做到大屏自适应是我们需要解决的一个问题，下面是其中一种解决方案，利用css的transform属性以及设计百分比，如有不足，请批评实现1.准备一个容器组件，width=100vw
·2021-10-24 16:42

移动端适配

统一的思想就是设计稿基准值*设备宽度比375px=100%宽度也就是说1px=100/375%在375下1px,则在750px下750/375*100/375=200/375%;方案一：px转vwvw:页面总宽度为100vw
·2021-08-26 13:38

设计稿和前端

内容不断更新中，可能存在知识点错误，欢迎指正先来看一些概念：CSS相对长度单位：px,像素em,元素的字体高度%,百分比rem,根元素的font-sizevm,视窗宽度，1vw=视窗宽度的1%vh,视窗高度
·2021-08-24 02:11

postcss

在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题
趣有书·2021-08-12 11:49

前端Vue框架在PostCSS怎样使用sass

为什么要使用PostCss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置
·2021-08-10 18:22

拆解文章：《苏炳添9秒83百米封神，却用16年跑了一场“爱情马拉松”》

来源：樊登读书链接：https://mp.weixin.qq.com/s/E0o-g5kth0oQQ5Epo7_5vw阅读量：10W+一、拆解标题展示新闻+激发好奇借助奥运热点人物苏炳添的奥运比赛成绩赋能
大城小橙LOVE·2021-08-07 16:09
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他