自从新版移动端IM界面改用rem适配，效果实在太棒了。所以，接下来的主要工作会将一些核心页面，也从px向rem转移。 然，一直用惯了VSCODE，再加上设计稿等诸多原因，如果真想一下子从rem上编码着实还是很困难。因此，一般而言，都是先订一个基准大小，最后根据这个大小进行转换。 可是，搜遍了整个VS ...
分类：
其他好文 时间：
2020-05-14 18:58:51
阅读次数：
100
计算方法，精度损失来自于浏览器将rem转成px的过程。element.currentStyle ? element.currentStyle : window.getComputedStyle(element, null)可以获取px小数点后的数值 <!DOCTYPE html> <html> <h ...
分类：
Web程序 时间：
2020-05-14 12:45:03
阅读次数：
73
1. 表格 table + table：表格标签 + tr：表格中的行，必须嵌套在 `` 标签中 + td：表格中的单元格，必须嵌套在 `` 标签中，用来存储数据 2. 表格属性 | 属性名 | 含义 | 值 | | : : | : : | : : | | border | 表格的边框 | px（默 ...
分类：
其他好文 时间：
2020-05-08 18:42:29
阅读次数：
80
上次我们聊了《Html5前端如何实现文字阴影》,其实在开发中现在对于阴影效果的使用已经越来越广泛了,那么今天我们就来说一说用同样的手法实现边框阴影。 一.边框阴影box-shadow 边框阴影参数:参数1 x-shadow：设置对象的阴影水平偏移值，单位可以是px、em或百分比等，允许负值。参数2 ...
分类：
Web程序 时间：
2020-05-05 18:28:23
阅读次数：
71
!function(e,t){function n(){t.body?t.body.style.fontSize=12*o+"px":t.addEventListener("DOMContentLoaded",n)}function d(){var e=i.clientWidth/24;i.styl ...
分类：
Web程序 时间：
2020-04-29 12:37:31
阅读次数：
83
1.下载lib-flexible，并在main.js中引用 npm i lib-flexible --save 2.安装自适应插件 npm i postcss-pxtorem --save 或 npm i postcss-px-to-viewport --save 3.修改vue.config.js ...
分类：
移动开发 时间：
2020-04-28 13:08:53
阅读次数：
148
我的博客原文地址：原文地址 如果文章对您有帮助，您的star是对我最好的鼓励～ 简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 px和 ...
分类：
其他好文 时间：
2020-04-27 09:56:49
阅读次数：
73
1.px——Pixel。固定长度单位 它是固定大小的单位 2.em em是相对于父级元素的单位，会随父级元素的属性（font-size或其它属性）变化而变化 3.rem rem是css3新增的相对长度单位 rem是相对于根目录（HTML元素）的，所有它会随HTML元素的属性（font-size）变化 ...
分类：
Web程序 时间：
2020-04-25 00:50:59
阅读次数：
89
一、vw px rem em是什么 1.vw:就是相对视口宽度(Viewport Width)。1vw = 1% * 视口宽度。也就是说，一个视口就是100vw。 2.px:px应该是在css中使用最为普遍的单位了吧。px是屏幕设备物理上能显示出的最小的一点。这个点不是固定宽度的，是相对长度单位。在 ...
分类：
移动开发 时间：
2020-04-24 20:04:06
阅读次数：
90
vue-cli创建完项目之后安装amfe-flexible和postcss-pxtorem npm i amfe-flexible -S npm i postcss-pxtorem -D amfe-flexible来根据屏幕动态改变根元素font-size，postcss-pxtorem把代码中px ...
分类：
移动开发 时间：
2020-04-19 22:12:06
阅读次数：
756
