基础配置
Lonely0306
一天不敲代码就手痒痒的前端程序员......
展开
-
flex混入配置
@mixin center { display: flex; justify-content: center; align-items: center;}@mixin top { display: flex; justify-content: center; align-items: flex-start;}@mixin bottom { display: flex; justify-content: center; ali原创 2021-05-10 20:40:03 · 162 阅读 · 0 评论 -
css中,用px自动转化为rem
新建一个mixin.scss文件,里面写:(非常适用于移动端)// $ratio 随便起的变量名// 375:!Phone默认的最大宽度$ratio: 375 / 10;//默认的初始值@function px2rem($px) { @return $px / $ratio + rem}后期在使用时,先引入mixin.scss文件,然后调用px2rem()这个函数,里面传个像素值,它就可以自动地帮我们转化为rem比例。例如在css中:font-size:px2rem(18)原创 2021-05-10 20:21:13 · 967 阅读 · 0 评论 -
封装rem
一、适用于PC端(function (window, document) { let docEl = document.documentElement let _width = docEl.clientWidth function fn1() { if (!_width) { return } if (_width > 750) { docEl.style.fontSize = '原创 2021-05-09 20:31:02 · 176 阅读 · 0 评论 -
WebPack安装
webpake打包1、查看是否安装:webpack -v2、安装npm i webpack webpack-cli -g3、初始化文件npm init然后会生成需要配置的项目4、这里可以快速初始化文件npm init -y生成一个package.json文件5、开发环境的安装npm i webpack@3.6.0 --save-dev...原创 2021-05-06 14:00:34 · 244 阅读 · 2 评论