标签:适配

vue-cli3构建H5移动应用(vant+rem)-共享博客
vue.js

vue-cli3构建H5移动应用(vant+rem)

一点博客阅读(415)评论(0)

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

移动端H5通过flexible.js+rem自适应适配方案-共享博客
前端技术

移动端H5通过flexible.js+rem自适应适配方案

一点博客阅读(123)评论(0)

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

vue项目基础配置-共享博客
vue

vue项目基础配置

一点博客阅读(198)评论(0)

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

20个编写现代CSS代码的建议-共享博客
css

20个编写现代CSS代码的建议

一点博客阅读(618)评论(0)

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

vue项目移动端、pc端适配方案-共享博客
vue

vue项目移动端、pc端适配方案

一点博客阅读(912)评论(0)

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

Android部分webview rem计算误差记录-共享博客
css

Android部分webview rem计算误差记录

一点博客阅读(306)评论(0)

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

解决华为手机用rem单位,内容超出屏幕宽度问题-共享博客
css

解决华为手机用rem单位,内容超出屏幕宽度问题

一点博客阅读(515)评论(0)

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

H5页面WebView在iPhoneX的适配-共享博客
HTML5

H5页面WebView在iPhoneX的适配

一点博客阅读(140)评论(0)

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

vue实现PC端分辨率适配-共享博客
vue

vue实现PC端分辨率适配

一点博客阅读(760)评论(0)

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

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活