字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-heigh ...
分类：
Web程序 时间：
2020-06-05 21:11:47
阅读次数：
114
直接上代码。 Vue+Sass，在_function.scss中写入，然后对对应的页面需要import即可(或者全局引入) $designWidth: 750; @function remVal($px) { @if unitless($px) { @return $px * $designWidt ...
分类：
其他好文 时间：
2020-06-05 14:56:36
阅读次数：
106
基本概念 * css像素、设备像素、逻辑像素、设备像素比 * viewport * rem 1. css像素、设备像素、逻辑像素、设备像素比 大家可以先看这篇文章了解一下基本概念。 css像素：我们大家经常写高多少px，宽多少px,这个就是px像素。 逻辑像素：其它就是css像素，他们其实是同一回事 ...
分类：
其他好文 时间：
2020-06-04 21:38:00
阅读次数：
115
做移动端时，适配 是必须的。使用rem单位，可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。 1. 自己手动构建vue webpck配置 我们在开发过程中，我们在css文件中，直接按设计稿，直接以px像素为单位，然后在真正的应用中，我们想让px自动转制为rem单位， ...
分类：
Web程序 时间：
2020-06-04 19:21:17
阅读次数：
98
cube-ui官网：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start 要求：vue-cli >= 3 安装：vue add cube-ui 安装过程：有些选项需根据需要选择。 注：使用了amfe-flexible。页面使用px就会自动转为 ...
分类：
其他好文 时间：
2020-06-04 15:24:43
阅读次数：
92
###web开发中使用em单位还是rem？ 一般浏览器的默认字体大小（font-size）是16px，为了实现弹性布局，即当页面缩放时，整个页面的元素可以一起跟着缩放，以免页面布局被破坏，建议不使用px作为固定的单位，而是使用em和rem相对单位。 假设html默认的字体大小为16px，那么1em/ ...
分类：
其他好文 时间：
2020-06-02 23:01:56
阅读次数：
66
任务三、 一个最简单的移动端页面 今天完成的事情 运用布局知识跟随设计图进行布局，完成简单Demo并继续学习优化. 让布局更好适应屏幕变化(使用了盒模型及百分比). 了解rem&em&px区别 & 在Demo中应用rem. 图片处理学习. 明天计划的事情 [ ] 深度思考：手机分辨率和网页px的区别 ...
分类：
Web程序 时间：
2020-06-02 20:31:49
阅读次数：
109
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
CSS 中常见尺寸 单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 ex 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。) pt 磅 (1 pt 等于 1/72 英寸) pc 12 点活字 (1 pc 等于 12 点) px 像素 (计算机屏幕上 ...
分类：
Web程序 时间：
2020-05-31 21:57:13
阅读次数：
117
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【px、em、rem、%、vw、wh、vm等单位有什么区别？】 1.背景介绍传统的项目开发中，我们只会用到px、%、 ...
分类：
其他好文 时间：
2020-05-30 12:18:09
阅读次数：
57
