lib-flexible

移动端Rem适配（基于vue-cli3 ，ui框架用的是vant-ui）

介绍postcss-pxtorem是一款postcss插件，用于将单位转化为remlib-flexible用于设置rem基准值1、安装lib-flexible（用于设置rem基准值）npmi-Samfe-flexible2
脏十三i·2021-04-19 13:02

Vue px转rem页面适配方案

安装npmilib-flexible--savenpminstallpx2rem-loader引入进入main.jsimport'lib-flexible/flexible'进入index.html根目录新建
贾永华·2021-04-19 02:29

vue移动端h5适配解决方案（rem or vw）

px2rem-loaderamfe-flexible：根据设备宽度，修改根元素html的大小，以适配不同终端px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了注意：amfe-flexible是lib-flexible
_Kepler·2021-04-18 23:15

vue移动端h5适配解决方案(lib-flexible+px2rem-loader)

先介绍用到的两个工具：px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了lib-flexible：根据设备宽度，修改根元素html的font-size，以适配不同终端配置安装
jiuyunmeng·2021-04-18 21:15

移动端添加适配方案

安装项目项目需要的包lib-flexible、postcss-px2rem和postcss-loader：npminstallpostcss-px2remlib-flexible--save
zaven·2021-04-18 19:18

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

中的样式默认使用px作为单位，如果需要使用rem单位，推荐使用以下两个工具postcss-pxtorem 是一款postcss插件，用于将单位转化为remlib-flexible 用于设置rem基准值lib-flexible
愿有岁月可回首_049c·2021-04-18 15:50

Vue 2.x + rem 实现移动端页面布局

如果和还不了解移动web布局方案,可以先看看这篇文章【移动web适配方案】这篇文章涉及的代码关于lib-flexible可伸缩布局方案flexible方案是手淘经过多年的摸索和实战，总结出的一套移动端适配方案
echozzh·2021-04-18 09:16

vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)

1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible
回到唐朝做IT·2021-04-15 05:26

vue：将px转化为rem，适配移动端vant-UI等框架（px2rem-loader）

1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible
回到唐朝做IT·2021-04-14 21:56

vue-屏幕适配方案

一，PC端适配开发PC端项目，通常会要求适应各种的屏幕尺寸，并且要求浏览器缩小页面等比例变化，因此就要求写出来的前端页面是能够自适应的利用webpack配置px2rem-loader和lib-flexible
为光pig·2021-04-13 21:38

vue项目h5 屏幕自适应

1、安装lib-flexiblenpmilib-flexible-D2、在main.js中引入import'lib-flexible/flexible'3、在index.html文件中设置meta标签:
Moon_cs·2021-04-13 13:07

前端面试每日 3+1 —— 第590天

[css]移动端开发时你了解淘宝的lib-flexible方案吗？它的原理是什么？[js]一个好的算法都应包含哪些要素？[软技能]说说纯前端目前还有哪些做不到的需求？为什么？
浪子神剑·2021-04-12 21:33

溯源flexible的成长

----如果只是想知道现在的flexible是怎么运作的，那就没必要往下看了，直接跳转到这篇文章即可这里的所有代码都在github的amfe/lib-flexible中，这里有flexible
jjj_12138·2021-03-12 18:33

vue使用lib-flexible和postcss-px2rem-exclude解决移动端适配的问题

第一步安装lib-flexible及postcss-px2rem-excludenpminstalllib-flexible--savenpminstallpostcss-px2rem-exclude-
臭臭的胡子先生·2021-03-12 10:07

移动端适配 - 整合flexible.js

flexible.js官网:https://github.com/amfe/lib-flexible需求:屏幕尺寸改变时,改变rem基准对象的font-size大小使用步骤:1.下载:npmi-Samfe-flexiblenpmi-Samfe-flexible2
·2021-02-08 20:07

移动端适配 - 整合flexible.js

flexible.js官网:https://github.com/amfe/lib-flexible需求:屏幕尺寸改变时,改变rem基准对象的font-size大小使用步骤:1.下载:npmi-Samfe-flexiblenpmi-Samfe-flexible2
·2021-02-08 20:42

vue自适应pxtorem_vue移动端自适应适配

一、安装lib-flexible插件【lib-flexible】移动端弹性布局适配解决方案。
也许我有一克拉·2021-01-30 13:39

vuecli4.x-实现rem移动端适配

rem，在命令行输入npminstalllib-flexible--savenpminstallpostcss-px2rem--save2）在main.js中引入lib-flexibleimport'lib-flexible
IU憨憨·2021-01-20 15:44

vue项目实现移动端自适应

通过引用插件可以实现一套像素适应不同的移动端，而开发人员只需要根据原型提供的标注来设置尺寸即可1.安装依赖npmi-Samfe-flexiblepostcss-px2rem//lib-flexible已废弃
麻麻咧咧·2021-01-11 10:08

Vue移动端适配方案

Vue移动端适配写在前面使用到的两个工具介绍工具一：lib-flexible——```用于自动设置rem基准值```工具二：postcss-pxtorem——```是一款postcss插件，用于将单位转化为
一羊迁徙·2021-01-05 17:30

前端面试每日 3+1 —— 第590天

[css]移动端开发时你了解淘宝的lib-flexible方案吗？它的原理是什么？[js]一个好的算法都应包含哪些要素？[软技能]说说纯前端目前还有哪些做不到的需求？为什么？
浪子神剑·2020-11-26 02:28

前端面试每日 3+1 —— 第590天

[css]移动端开发时你了解淘宝的lib-flexible方案吗？它的原理是什么？[js]一个好的算法都应包含哪些要素？[软技能]说说纯前端目前还有哪些做不到的需求？为什么？
浪子神剑·2020-11-26 01:43

flexible.js的使用说明

适配方案采用rem布局，根据屏幕分辨率大小不同，调整根元素html的font-size，从而达到每个元素宽高自动变化，适配不同屏幕Vue中怎么用安装：cnpmilib-flexible-S引入：import'lib-flexible
赵不悔·2020-10-11 16:09

vue不同屏幕分辨率适配(px2remLoader的方法)

vue不同屏幕分辨率适配(px2remLoader的方法)采用的是lib-flexible的可伸缩布局的方法1、下载lib-flexiblenpmilib-flexible--save2、在项目入库文件
I'm写代码·2020-09-17 06:38

vue cli3.x以上版本搭配vant配置postcss-pxtorem和lib-flexible

1.下载包npminstalllib-flexible--savenpminstallpostcss-pxtorem--save-dev2.在main.js,加入以下代码import"lib-flexible
麦兜:)·2020-09-17 06:05

vue-cli3中px2rem-loader和lib-flexible的安装和配置

npmipostcss-px2rem--save-dev安装2：npmilib-flexible--save（在项目中启动vueui也可以快速安装）配置1：入口文件main.js中引入：import'lib-flexible
薯条铭·2020-09-16 16:50

react antd-mobile lib-flexible自适应（px2rem无效的解决方法）

一、前言适应时代，接触了点typescript，正好公司做了个移动端项目，不过我用的是vue，利用一些时间，用react+typescript来重新写一个，正好样式有了，省了一部分时间，但是typescript还是有诸多限制，其中波折，难以言述，闲话少述，本项目采用react+typescript+aixos+antd-mobile+scss搭建而成，因为是移动端，所有肯定要考虑自适应问题，但是出
不许动一二三·2020-09-16 13:35

移动端前端项目px自动转换为rem

注：不转换的px用大写PX代替复制代码lib-flexible作用：让网页根据设备dpr和宽度，利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备安装：cnpmilib-flexible
weixin_34260991·2020-09-15 12:14

移动端自适应将px转为rem布局

1：下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npmilib-flexible--save2：引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible
Shan_yuan·2020-09-15 07:45

手机适配问题之rem和lib-flexible

Ewall1106/mall关于lib-flexible.jsFlexible方案是手淘经过多年的摸索和实战，总结出的一套移动端适配方案，附github地址：https://github.com/amfe/lib-flexible
Ewall_熊猫·2020-09-13 09:00

vue2.0移动端开发的相关插件以及经验总结

最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流…cssrem：一个CSS值转REM的VSCode插件；lib-flexible
ryaaaaaaaa·2020-09-12 23:44

干货分享：vue2.0做移动端开发用到的相关插件和经验总结(更新)

vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible
weixin_34405925·2020-09-12 23:44

Vue移动端开发--配置

（flex）配置4个环境，调用不同的接口：local（本地开发）、beta（测试）、pre（预上线）、prod（正式上线）一、修改index.html文件修改头部meta标签PlainText//使用lib-flexible
花胖胖·2020-09-12 22:41

vue-cli3.0 结合postcss-pxtorem和lib-flexible实现移动端适配

基于vue做了一个移动端的项目，同时引入的了第三方组件库（有赞vant）。当时选择用rem件来做适配。其他内容可以正常显示，但是引起了第三方插件内容变小的问题。现将解决方法整理出来。原因第三方组件库变小的原因主要是因为第三方组件库已经做了适配，依据的data-dpr="1"时写的。而引入插件进行rem适配时，data-dpr不是一个写死的，而是一个动态的了。走过的弯路当时试过px2rem、post
昶亲·2020-09-12 17:53

vue-cli + lib-flexible + px2rem实现px自动转化为rem

%E5%9F%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/安装lib-flexible
xiaoyao9524·2020-09-12 01:07

如何在vue中使用flexible

1.安装lib-flexiblenpmilib-flexible--save2.在项目入口文件main.js里引入lib-flexibleimport'lib-flexible/flexible.js'
_xixi_·2020-09-11 23:56

pc端使用rem进行适配 （vu-cli3/4+lib-flexible+postcss-pxtorem）

1、使用vue-cli3创建好项目vuecreateresponsive-website-template2、安装lib-flexible依赖npminstalllib-flexible-S3、安装postcss-pxtorem
Kaycee666·2020-09-11 11:13

vue-cli脚手架，怎么做移动端H5的多屏适配？

（1）安装lib-flexiblenpmilib-flexible--save（2）在main.js中引入//导入屏幕适配模块import‘lib-flexible/flexible.js’(3）在index.html
帅气欧巴·2020-09-11 11:02

vue-cli的移动端适配插件flexible

开始首先，我们使用vue的脚手架vue-cli来初始化一个webpack项目没有安装过vue-cli的请先安装vue-cli安装所需依赖后安装lib-flexible和px2rem-loader1.下载
对酒丶当歌·2020-09-11 09:13

vue项目做屏幕自适应处理

起由项目基于vue-cli搭建,之前项目采用less的功能函数集合媒体查询做的屏幕适配,但是由于JavaScript的对浮点数据处理,这个语言本身的bug问题,总是会出现一些计算误差,这里重新做的项目采用淘宝的lib-flexible
有风吹是幸福的·2020-08-25 09:18

vue-cli3 lib-flexible+postcss-pxtorem 适配pc端大屏分辨率

10801.安装lib-flexiblepostcss-pxtorem插件npminstalllib-flexiblepostcss-pxtorem--save2.在main.js文件中引入import'lib-flexible
diuren1205·2020-08-24 17:58

在vue2.x项目使用flexible.js和sass

1.首先创建一个vue项目：vueinitwebpackmyproject2.安装完成后进入项目cdmyprojectnpminstall3.使用flexible.js适配安装lib-flexible：
Peggy7·2020-08-24 14:11

基于手淘 flexible 的 Vue 组件：Toast -- 显示框

vue-flexible-components基于手淘flexible.js的Vue组件前言：目前手头的移动端Vue项目是用手淘的lib-flexible作适配的，并用px2rem来自动转换成rem。
冰扬·2020-08-24 14:19

基于手淘 flexible 的 Vue 组件：TextScroll -- 文字滚动

vue-flexible-components基于手淘flexible.js的Vue组件前言：目前手头的移动端Vue项目是用手淘的lib-flexible作适配的，并用px2rem来自动转换成rem。
冰扬·2020-08-24 14:38

vue-cli 配置flexible

的建议先看看大漠的这篇文章这样你才会知道长度为什么用rem，而字体要用px安装flexiblenpminstalllib-flexible--save引入flexible在项目入口文件main.js中添加如下代码，引入flexibleimport'lib-flexible'px
冰扬·2020-08-24 14:37

vue 实现pc端自适应 vue cli3 实现

实现vuepc端自适应方案lib-flexible+px2remLoaderlib-flexible阿里伸缩布局方案px2rem-loader：px转rem1、安装lib-flexible和postcss-px2rem
星河世界·2020-08-24 11:55

vue-cli3.0结合lib-flexible、px2rem实现pc端大屏适配，完美解决第三方ui库样式变小问题

一、项目中安装lib-flexiblenpminstalllib-flexible--save二、在项目的入口main.js文件中引入lib-flexibleimport'lib-flexible'//
zyx_·2020-08-22 20:26

nuxt移动端适配

根据有赞的vant官网的提示，用了两个插件postcss-pxtorem和lib-flexible以下是有赞官网的提示第一步：用yarn安装上面两个插件。
弘道者人·2020-08-22 14:30

Vue使用lib-flexible做手机端自适应以及引用lib-flexible导致第三方Ui库缩小

第一步在项目中安装lib-flexiblenpminstalllib-flexible--save第二步在main.js中引入lib-flexibleimport'lib-flexible/flexible.js
hql丶1024·2020-08-22 12:55

nuxt使用vant控件偏小，使用lib-flexible适配

1.安装插件npminstallpostcss-pxtoremautoprefixer--save-devnpminstallamfe-flexible--save2.在根目录的plugins目录下创建lib-flexible.js，内容如下：import'amfe-flexible'3.在nuxt.config.js添加如下配置module.exports={...head:{...meta:[
97年的典藏版·2020-08-22 11:21
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他