E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
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
javascript
vue
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
javascript
webpack
vue项目使用flexible+px2rem自适应移动端
1.安装 npminstalllib-flexible--save npminstallpostcss-px2rem--save2.视口配置3.引入,添加配置main.jsimport'
lib-flexible
CrazBarry
·
2019-04-29 00:00
vue-js
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
个人总结
react
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
Vue
一行css代码轻松实现前端响应式布局(vw+rem)
之前有用@media媒体查询,根据各种屏幕宽度写html的样式,也用过类似
lib-flexible
这样的js库动态改变html样式,总觉得挺麻烦的。
okfine
·
2018-12-08 00:00
css
响应式布局
前端
移动端适配
集中适配方案的总结:项目: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
web前端
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
vue
干货分享: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
移动端
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
移动端
rem
h5
移动端
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
NodeJs
vue rem移动端自适配-引入flexible
1.安装lib-flexiblenpmilib-flexible--save2.在项目入口文件main.js里引入lib-flexibleimport'
lib-flexible
/flexible.js'
小乔FEer
·
2018-01-29 11:56
CSS
Vue
基于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
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
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
vue.js
vue-cli
rem
flexible
javascript
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
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他