lib-flexible

谷歌浏览器调试窗口配置&项目中引入字体路径

谷歌浏览器的模拟设备mobile和desktop的区别接手了一个大屏的项目，标准的尺寸是1920*1080，但是需要其他的尺寸也不能有太大的出入，所以采用了lib-flexible和px2rem结合使用的方式来进行开发
yaoyao妖妖·2019-11-29 11:22

Vue移动端项目搭建

首先新起一个项目vueinitwebpactprojectName解决适配问题引入lib-flexible和px2rem-loader,打开build文件夹，编辑utils.jsexports.cssLoaders
简不才·2019-11-29 07:36

聊聊自己移动端布局的经验

导致了初始化的时候会出现页面从小变大的闪烁以下是另一种方法，比较完善scss文件@charset"UTF-8";/*设计图宽度如设计稿750，分10份，1rem=75pxbase：https://github.com/amfe/lib-flexible
WS林海峰·2019-11-04 20:07

移动端rem适配，postcss-pxtorem、lib-flexible 插件

-postcss-pxtorem是一款postcss插件，用于将单位转化为rem-lib-flexible用于设置rem基准值安装依赖npmipostcss-pxtorem--save-de基础配置vue3.0在vue.config.js中配置lintOnSave:true,css:{loaderOptions:{postcss:{plugins:[require('postcss-pxtorem
是嘻嘻呀·2019-10-24 16:30

移动端px自动转化为rem

注：不转换的px用大写PX代替lib-flexible作用：让网页根据设备dpr和宽度，利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备安装：cnpmilib-flexible
一城柳絮吹成雪·2019-10-08 15:00

js中flexible.js实现淘宝弹性布局方案

本文的内容就是介绍淘宝弹性布局方案lib-flexible实践，分享给大家供大家参考，具体内容如下1.页面需求这是要做的页面效果（不要对设计置评，这不是开发人员决定的）：这是尺寸标注图（750*1334
·2019-09-24 00:57

基于vue-cli配置lib-flexible + rem实现移动端自适应

安装flexiblenpminstalllib-flexible--save引入flexible在项目入口文件main.js中添加如下代码，引入flexibleimport'lib-flexible'px
·2019-09-23 01:34

px2rem-loader不能将vant的组件转换成rem

前言在我的网瓣项目中，我想要对不同设备做一个大小的适配，使用到了lib-flexible，这个插件是根据屏幕的宽度去设定根元素的font-size的，而接下来就是要将写代码的时候用到的px单位转换成rem
林木森森森·2019-09-05 21:16

vue自适应处理

采用淘宝的lib-flexible的库,来做屏幕自适应处理。
魅眼ALong·2019-08-26 09:35

微信公众号页面开发遇坑指南

html{font-size:625%}2、还有一种就是利用js动态给html和body加font-size，大家一定想到的是lib-flexible
安东尼的漫长岁月·2019-08-20 11:09

vue2.0做移动端开发用到的相关插件和经验总结

cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：
Daotin·2019-08-11 13:00

比较好用的移动端适配的两种方案及flexible和px2rem-loader在webpack下的配置

移动端适配，目前自己常用的两种方案，参考以下两篇好文方案一：使用lib-flexible包https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html
蓓蕾心晴·2019-08-01 16:00

vue移动端适配

移动端项目，最麻烦的就是去写适配，我们都知道使用viewport最近写了一个移动的项目推广，收到大佬的推荐，开始使用新的淘宝适配插件 http://g.tbcdn.cn/mtb/lib-flexible
AnlanJion·2019-07-17 13:17

关于Vue 移动端适配 （px2rem 插件将px转为rem）

一、安装npminstallpx2rem-loaderlib-flexible--save 二、入口文件main.js加上import'lib-flexible/flexible.js' 三、在index.html
Vam的金豆之路·2019-07-14 00:00

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

skylineStar/p/10036525.html)公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible
Jermyo·2019-07-08 13:24

vue-cli配置flexible过程详解

+rem，实现移动端自适应安装flexiblenpminstalllib-flexible--save引入flexible在项目入口文件main.js中添加如下代码，引入flexibleimport'lib-flexible'px
冰扬·2019-07-04 11:04

适配移动端配置px2rem（自动将px转rem）

vue配置px2rem1、安装npminstallpx2rem-loaderlib-flexible–save 2、在项目入口文件main.js中引入lib-flexibleimport‘lib-flexible
点log·2019-05-10 00:00

react中将px转化为rem或者vw

一、px转rem1、执行显示webpack配置npmruneject2、安装postcss-px2rem-exclude、lib-flexible、sass-loader、node-sassnpminsatlllib-flexiblesass-loadernode-sasspostcss-px2rem-exclude
weixin_33726313·2019-05-08 15:00

vue项目使用flexible+px2rem自适应移动端

1.安装 npminstalllib-flexible--save npminstallpostcss-px2rem--save2.视口配置3.引入，添加配置main.jsimport'lib-flexible
CrazBarry·2019-04-29 00:00

Vue — px转rem

1.下载lib-flexiblenpmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible
__Object__·2019-03-27 15:26

vue 自适应 Responsive 设计

原文链接：http://www.cnblogs.com/welhzh/p/10460092.html使用阿里的lib-flexible及vue-meta库：https://github.com/amfe
dielucui7698·2019-03-02 10:00

基于react-app配置移动端自适应—淘宝弹性布局方案lib-flexible和postcss-px2rem实践（750px设计稿）

首先你要确保react-app环境搭建成功第一步：安装lib-flexible，postcss-px2remnpmilib-flexible--savenpmipostcss-px2rem--save第二步
人间草木96·2019-02-21 21:39

vue移动端项目适配模板

建立一个vue项目vueinitwebpackprojectName安装lib-flexiblenpmilib-flexible--save在main.js中引入import'lib-flexible/
前端来入坑·2019-01-12 11:07

vue 移动端 rem适配

这里用到了vant的ui index.html的头加上1.安装lib-flexible$npminstallpostcss-pxtorem--save-devmain.js引入 import'lib-flexible
大可大可抖·2018-12-15 00:00

一行css代码轻松实现前端响应式布局（vw+rem）

之前有用@media媒体查询，根据各种屏幕宽度写html的样式，也用过类似lib-flexible这样的js库动态改变html样式，总觉得挺麻烦的。
okfine·2018-12-08 00:00

移动端适配

集中适配方案的总结:项目:https://github.com/Aluka-w/mobile-terminal-adaptationrem和vw布局总结:旧的rem布局典型:lib-flexible:flex
我的钱包瘪瘪的·2018-11-27 16:13

手机适配方案

1、使用Flexible实现手淘H5页面的终端适配https://github.com/amfe/article/issues/17由于viewport单位得到众多浏览器的兼容，lib-flexible
吖蛋黄·2018-11-20 15:25

VUE 移动端适配：VUE-CLI 3 添加 flexible 及 px2rem

1、安装flexiblenpmi-Dflexible2、在main.js中引入flexibleimport'lib-flexible/flexible'3、安装px2remnpmi-Dpostcss-px2rem4
若小懒·2018-11-02 00:00

vue移动端html5页面根据屏幕适配的四种解决方法

方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：https://github.com/amfe/lib-flexible（此处可点击）淘宝的其实也和viewp
百撕可乐·2018-10-19 08:11

vue移动端项目，屏幕适配方法，rem

.终端中输入npmilib-flexible--save2.终端中输入npmipx2rem-loader--save-dev3.在项目入口文件main.js里引入lib-flexibleimport'lib-flexible
Jermyo·2018-10-16 21:17

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

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

vue-cli3.0引入px2rem与lib-flexible 移动端适配

关于移动端的适配，我喜欢用px2rem配合lib-flexible，非常方便，vue-cli3.0后，项目配置被大大精简了，这使得原来配置px2rem的文件不复存在，但其实只要掌握了正确的姿势，配置方法比原来更简单
__光·2018-09-05 17:50

vue项目中使用lib-flexible解决移动端适配的问题解决

第一部分：项目中引入lib-flexible一、项目中安装lib-flexible$npminstalllib-flexible--save二、在项目的入口js文件中引入lib-flexibleimport'lib-flexible
yanzhi_2016·2018-08-23 10:44

在vue项目中安装使用lib-flexible

1.安装flexiblenpminstalllib-flexible--save2.引入flexible在项目入口文件main.js中添加如下代码，引入flexibleimport'lib-flexible
临安某·2018-08-22 19:53

vue px 字体转换

vuepx转换rem插件1、配置flexible安装lib-flexible打开命令行安装npmilib-flexible--save2.在项目入口文件main.js里引入lib-flexible引入lib-flexibleimport'lib-flexible
抬头丶看天空·2018-07-10 12:11

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

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

vue打包的时候自动将px转成rem的操作方法

px2rem-loader需要与flexible配合使用，不然px2rem仅仅只是转成rem却不会设置rem的信息安装flexiblenpmilib-flexible-S然后在main.js中引入import'lib-flexible
刘小苏苏·2018-06-20 09:27

vue做移动端适配，借助px2rem 插件方便的将px单位转为了rem

1、安装npminstallpx2rem-loaderlib-flexible–save2、在项目入口文件main.js中引入lib-flexibleimport‘lib-flexible/flexible.js
非鹭千里·2018-04-21 00:00

vue rem移动端自适配-引入flexible

1.安装lib-flexiblenpmilib-flexible--save2.在项目入口文件main.js里引入lib-flexibleimport'lib-flexible/flexible.js'
小乔FEer·2018-01-29 11:56

基于vue开发的在线付费课程应用过程

使用lib-flexible解决移动页面适配来一个清单"dependencies":{"fastclick":"^1.0.6","lib-flexible":"^0.3.2","lodash":"^4.17.4
小土狗·2018-01-25 08:19

详解基于vue-cli配置移动端自适应

配方还是一样：手淘的lib-flexible+rem配置flexible安装lib-flexible在命令行中运行如下安装：npmilib-flexible--save引入lib-flexible在项目入口文件
hzzly·2018-01-13 09:56

lib-flexible移动端适配方案

lib-flexible适配案例div{width:1rem;height:0.4rem;font-size:12px;/*默认写上dpr为1的fontSize*/}[data-dpr="2"]div{
Museions·2017-12-31 23:07

基于 flexible 的 Vue 组件：Toast -- 显示框效果

基于flexible.js的Vue组件前言：目前手头的移动端Vue项目是用手淘的lib-flexible作适配的，并用px2rem来自动转换成rem。
冰扬·2017-12-26 10:48

vue.js移动端配置flexible.js

lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpminstalllib-flexible--save2.在项目入口文件main.js中引入lib-flexibleimport'lib-flexible
Coding_Jia·2017-12-21 17:49

vue.js移动端配置flexible.js

lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpminstalllib-flexible--save2.在项目入口文件main.js中引入lib-flexibleimport'lib-flexible
Coding_Jia·2017-12-21 17:49

vue做移动端适配，借助px2rem 插件方便的将px单位转为了rem

1、安装npminstallpx2rem-loaderlib-flexible--save2、在项目入口文件main.js中引入lib-flexibleimport'lib-flexible/flexible.js
程序员小布的养生之道·2017-11-25 11:12

vue-cli 配置flexible

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

flexible.js 移动端自适应方案

一，flexible.js的使用方式：github地址：https://github.com/amfe/lib-flexible官方文档地址：https://github.com/amfe/article
汤利利·2017-08-09 17:56

教你如何用 lib-flexible 实现移动端H5页面适配

前话好久没写教程了（可能会误导新手的菜鸟教程(￣▽￣)”）。这是我的github，欢迎前端大大们和我一起学习交流https://github.com/pwcong最近入职公司做前端实习，这几个星期来学到了移动端H5页面适配。（以前根本没做过移动端网页/(ㄒoㄒ)/~~，还是微信端的）所以把我学到的一个小知识点写下来，也分享给前端新手们。正文0x00大概说明做移动端网页和pc端很大不同的便是现在移动
Pwcong·2017-07-22 16:24

flex只能实现一行自适应

今天群里有个朋友问下面这个问题：JS群.jpg豪大给出的方案是个链接，lib-flexible,栅格系统，需要引入makegrid.js.然后我就问了豪大一个问题，可不可以用flex实现，纯css，是不是就是比框架麻烦一些
钻石悦·2016-01-28 22:19
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他