vw移动端适配

移动端学习宝典

一、从淘宝适配布局谈移动端适配二、使用Flexible实现手淘H5页面的终端适配三、网易和淘宝的rem方案剖析
小白变怪兽·2022-03-14 04:19

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

html页面预览pdf文件使用插件pdfh5.js

html预览pdf文件需要依赖pdf.js移动端适配需要pdfh5.js记录移动端适配pdfh5.js的用发在线预览：https://www.gjtool.cn/pdfh5/pdf.html?
霸王鑫·2022-02-22 14:00

关于移动端适配，你必须要知道的

导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决，
编程鸭·2022-02-21 00:14

前端开发常用单位

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

关于移动端适配，你必须要知道的

导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决，
精神蛙·2022-02-18 09:35

移动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

移动端适配器

移动端适配器一般同时设置width=device-width和initial-scale=1.0（为了解决兼容问题）移动端viewprot的设置(其他属性)1)、minmum-scle:允许用户的最小缩放
男孩12·2022-02-16 10:27

网页移动端适配的方法

移动端适配的文章很多，自己都看晕了，特别想找一个一劳永逸的又简洁的解决方案。设计原则：文字流式，控件弹性，图片等比缩放。字体使用px设置大小，控件多使用flex布局来定位，图片等使用rem来设置。
赤色要塞满了·2022-02-16 08:08

98道经典Vue面试题总结

98道经典Vue面试题总结本文档基于vue-cli技术栈总结了vue-cli工程vue.js核心知识vue-router路由vuex状态管理器axios等http请求移动端适配Tab切换等常用功能vue
Asens_9dff·2022-02-15 11:51

寻找你心中热爱的事去做

这里先引用一个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

vue移动和pc两个脚手架，整合成一个脚手架项目

最近写公司官网，用vue写，pc已经差不多接近完成，是年前离职员工写的，我负责写移动端，研究了移动端适配问题，便开始写了，移动端适配方案；写好后让我将两个项目整合成一个，用代码判断跳转。
脏十三i·2022-02-14 09:37

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

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

移动端适配的三种方法之（三）rem是啥？实际工作怎样用它？

前言：正好最近有时间，给移动端适配这里做一个整理，全面并且深入地重新去理解这些代码的含义，不再只是代码的搬运工，不再只会像之前一样复制粘贴,这篇rem和em是因为我自己做了好几个移动端的rem了，都是组长算好告诉比率什么的直接用就行了
潘千千·2022-02-13 09:58

解决vue移动端适配问题，vue-cli3+vant-ui等第三方UI组件引入适配

1.首先把安装amfe-flexible，这里使用npminstallnpmi-Samfe-flexible2.在入口文件main.js中引入import'amfe-flexible/index.js'3.在根目录的index.html的头部加入手机端适配的meta代码4.安装postcss-pxtorem是一款postcss插件，用于将单位转化为remps：前提是ui设计的psd图尺寸大小是75
走啊丶去拯救世界·2022-02-12 23:15

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

2019-04-16-移动端适配

document.documentElement.style.fontSize=window.innerWidth/750*100+'px';//获得屏幕大小lethtmlwidth=document.documentElement.clientWidth||document.body.clientWidth;//浏览器兼容console.log("屏幕宽度："+htmlwidth)//iphon
帆_44fc·2022-02-12 03:25

vue-cli 3.0+vant项目使用postcss-pxtorem和amfe-flexible 进行移动端适配

vue-cli3.0+vant项目使用postcss-pxtorem和amfe-flexible进行移动端适配Rem适配Vant中的样式默认使用px作为单位，如果需要使用rem单位，推荐使用以下两个工具
果汁果肉·2022-02-11 14:38

常用工具和代码

web常用网站整理在线工具类图片在线压缩工具网页特殊符号Tguidecss动画在线编辑anmition移动插件库雪碧图生成工具swiperEcharts官方API-百度地图名片常用代码块移动端适配//屏幕适应
夏至未至_95bf·2022-02-11 13:50

基于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:1200){//大屏幕设备}@mediascreenand(min-width:992){//中等屏幕设备}@mediascreenand
致自己_cb38·2022-02-09 14:16

vue移动端适配插件lib-flexible

配置vue插件lib-flexible1.安装插件lib-flexiblenpmilib-flexible--save-dev2.在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.安装px2remloadernpminstallpx2rem-loader--save-dev4.配置px2rem-loader在build文件中找到util.j
不染事非·2022-02-09 03:02

移动端适配

跟字体为设计稿的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

vue移动电商java_《Vue.js+Koa2移动电商实战》总结

下面我总结一下里面的一些要点：移动端适配问题-rem布局//得到手机屏幕的宽度lethtmlWidth=document.documentE
怪叔叔来了·2022-02-07 09:26

vue移动端适配插件lib-flexible

直接写px就行了吗？是的，配置好pxtorem之后，webpack会帮你转使用vue-cli安装好一个vue的项目npminstall-gvue-clivueinitwebpackmy-projectcdmy-projectnpmrundev配置vue插件lib-flexible安装插件lib-flexiblenpmilib-flexible--save-dev在main.js中引入lib-fle
小棋子js·2022-02-07 06:26

移动端适配rem问题

(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(){varclientWidth=docEl.clientWidth;if(!clientWidth)return;if(clientWi
Carol_笑一笑·2022-02-06 13:29

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

lib-flexible解决vue项目移动端适配

一：项目中引入lib-flexible（1）项目中安装lib-flexible```npminstalllib-flexible--save```（2）项目入口文件main.js中引入lib-flexible```import'lib-flexible'```删除项目根目录下的index.html的meta标签，因为lib-flexible会自动在html的head中添加meta。同时自动设置ht
唐僧太吃肉·2022-02-04 15:10

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

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

移动端适配问题

移动端适配问题在head中设置：javascriptwindow.addEventListener('onorientationchange',setRem);window.addEventListener
前端_周瑾·2022-02-03 17:27

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

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

Vue 移动端适配 lib-flexible 插件的使用

1.安装插件npmilib-flexible--savenpminstallpx2rem-loader2.配置px2rem-loader在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，将下面代码加进cssLoaders方法中，其中remUint是设计稿尺寸/10的计算结果constpx2remLoader={loader:'px2rem-loader
intangible·2022-02-03 04:24

(移动端适配px转rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安装插件yarnaddlib-flexiblepostcss-px2rem-exclude//这个插件也要下，不然的话启动项目的时候会报错yarnaddreact-app-rewire-postcss2、修改config-overrides.js（如果没有就新建，在项目根目录）在config-overrides.js文件里重写postcss，加入如下代码这文件将antd-mobile的配置合并
·2022-01-27 14:29

【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项目配置rem移动端适配

现在市面上移动设备大小各异，为了统一的产品形态和良好的用户体验，所以在做移动H5项目时，需要考虑到移动端适配问题。本文就讲讲Vue+H5项目配置rem移动端适配。
天問_专注于大前端技术·2021-12-28 16:21

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

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

一周 8k Star 的 Notion 开源替代品 AppFlowy 诞生！

这主要是源于Notion的一些局限包括：数据安全、移动端适配等等原因。即使Notion是AppFlowy团队最喜欢的项目以及知识管理工具，但是在一些企业的场景中，数据安全以及数
·2021-12-06 12:17

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
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他