标签：适配

2020-08-11一点博客阅读(415)评论(0)

安装 cli3.x 版本 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过以下命令卸载它。 npm uninstall v...

2020-08-11一点博客阅读(302)评论(0)

1.下载lib-flexible 使用的是vue-cli+webpack，通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import...

2020-08-09一点博客阅读(123)评论(0)

一、 rem实际开发适配方案 (1)按照设计稿与设备宽度的比例,动态计算并设置html根标签的font-size大小; (2)CSS中,设计稿元素的宽、高、相对位置等取值,按照同等比例换算为rem为单位的值; 技术方案1 技术方案2 媒体查...

2020-06-24一点博客阅读(198)评论(0)

一、项目初始化创建 1.本地初始化 bash 切换到桌面 运行 vue init webpack vue-demo 生成初始化vue项目 2.建立和码云的连接 在码云上创建一个没有readme的空项目 我后来在github重新创建并引用了码...

2020-06-08一点博客阅读(618)评论(0)

明白何谓Margin Collapse 不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例...

2020-05-20一点博客阅读(912)评论(0)

vue项目移动端、pc端适配方案 vue项目移动端、pc端适配方案 lib-flexible 根据屏幕宽度，自动设置html的font-size postcss-px2rem 自动将px单位转换成rem 一、第一步先安装 flexible和...

2020-05-20一点博客阅读(306)评论(0)

上周做了一个原生H5小游戏页面，使用rem来布局，然后在三星和华为的部分机型里面出现了rem计算出现误差的情况，截图如下 在页面rem计算完成后，用两种方式获取font-size。然后结果不一样，导致某些元素通过rem计算后的值，产生了误差...

2020-05-20一点博客阅读(515)评论(0)

在H5手机页面上，用rem单位布局，配合js计算出一个根节点的font-size（原理是屏幕宽度乘以一个固定比例，如1/100），之后页面中所有的px全都换算成了rem单位来写，优点是能适配各种不同屏幕尺寸的手机，不需要写媒体查询！例如：设...

2020-05-19一点博客阅读(140)评论(0)

1. iPhoneX的介绍 屏幕尺寸 我们熟知的iPhone系列开发尺寸概要如下： △ iPhone各机型的开发尺寸 转化成我们熟知的像素尺寸： △ 每个机型的多维度尺寸 倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核...

2020-05-17一点博客阅读(760)评论(0)

依赖 项目基础配置使用 vue-cli生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有webpack的loader px2rem 开始 先使用vue脚手架初始化一个webpack项目 项目初...