1. 安装并配置PostCss插件 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S 还需要安装 cs ...
分类:
移动开发 时间:
2020-06-01 01:04:14
阅读次数:
108
前言 2018年最后的法定假期都已经结束了,我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案,(没了解过的同学可以参见大漠老师的这两篇文章 使用Flexible实现手淘H5页面的终端适配和再聊移动端页面的适配)也面临过在不同适 ...
分类:
移动开发 时间:
2020-05-31 15:49:18
阅读次数:
138
这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能,本篇分享的是: 【px、em、rem、%、vw、wh、vm等单位有什么区别?】 1.背景介绍传统的项目开发中,我们只会用到px、%、 ...
分类:
其他好文 时间:
2020-05-30 12:18:09
阅读次数:
57
前端常用开发单位-vw <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit ...
分类:
其他好文 时间:
2020-05-27 20:37:17
阅读次数:
62
我们先作如下介绍: 什么是vw(viewport weight)和vh(viewport height)? vm和vh是前端开发中的两个动态单位,是相对于网页视口的单位; 1vm,1vh和百分比不同的是,vm和vh永远都是以视口作为参考,而百分比永远是以父元素作为参考; 系统会将视口的宽度和告诉分为 ...
分类:
其他好文 时间:
2020-05-27 12:13:12
阅读次数:
140
首先还是进行安装: npm install postcss-px-to-viewport --save-dev 安装完成之后.我们需要去更改一个js文件 > postcss.config.js文件 如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js一样的 在这个文件中: 如图: ...
分类:
Web程序 时间:
2020-05-22 17:31:57
阅读次数:
104
首先来看一下sass和less的区别 sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用 sass和less主要区别:在于实现 ...
分类:
移动开发 时间:
2020-05-18 16:43:14
阅读次数:
186
Look at 1.20 KTMOBD ECU Programmer with software pcm-flash V1.20: Package: New KTMOBD ECU Programmer & Gearbox Power Upgrade Tool with Dialink J2534 C ...
分类:
其他好文 时间:
2020-05-14 10:51:45
阅读次数:
144
2018年1月25日 11:58:01 最新的大漠老师移动端适配方案,使用这套方案可以取代flexible.js首先建议读者先去学习大漠老师的这篇文章,看完能有大大的收获 如何在Vue项目中使用vw实现移动端适配 正文开始 使用vue-cli新建项目 vue init webpack vue-dem ...
分类:
移动开发 时间:
2020-05-02 19:02:34
阅读次数:
108
vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax; vmin: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为10 ...
分类:
Web程序 时间:
2020-04-30 17:34:18
阅读次数:
125