老版常规做法 方案一：Meida Queries媒体查询 meida queries 主要是通过查询设备的宽度来执行不同的 css 代码，最终达到界面的配置。核心语法是： 需要添加meta设置 width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示 ...
分类：
移动开发 时间：
2019-10-31 16:32:36
阅读次数：
101
参考 华为折叠屏应用开发指导 华为发布折叠屏官方适配方案 ...
分类：
其他好文 时间：
2019-10-31 16:16:31
阅读次数：
90
因为手机屏幕的分辨率大小不一 ，如果使用传统的静态布局，把每个元素的宽高样式写死，在不同的屏幕中就有各种各样的显示效果。这显然不是我们想要的结果。我们需要的是根据屏幕分辨率的不同，来适配不同的样式大小。使不同的手机分辨率下都有相同的样式布局 1.rem适配 1rem就是html标签font size ...
分类：
移动开发 时间：
2019-10-03 00:46:57
阅读次数：
139
点击上方的终端研发部，右上角选择“设为星标”每日早9点半，技术文章准时送上公众号后台回复“学习”，获取作者独家秘制精品资料 image image 往期文章 记五月的一个Android面试经 今日头条屏幕适配方案落地研究 APK瘦身-是时候给App进行减负了 即学即用Android Jetpack ...
分类：
其他好文 时间：
2019-09-26 00:39:45
阅读次数：
140
html字体大小随屏幕大小的改变而改变，封装函数如下： ...
分类：
移动开发 时间：
2019-09-21 23:08:20
阅读次数：
115
html字体大小随屏幕大小的改变而改变，封装函数如下： ...
分类：
移动开发 时间：
2019-09-21 21:33:56
阅读次数：
103
版本信息: hips ui: 0.1.43 须知: 随着hips ui的迭代，可能会解决适配问题，所以下面的方案是有时效性的。 如果你项目上很紧急，可以直接看第三部分解决方案，复制粘贴代码即可。 一. 无适配情况 自从iPhone X出了刘海屏后，对于我们前端是适配难度又更上一层楼。不知道你有没有遇 ...
分类：
其他好文 时间：
2019-09-11 14:15:22
阅读次数：
126
最近需要完全新建vue项目,基于vue-cl3搭建项目框架时，又开始纠结px,rem等单位问题，看了很多博客 目前最好用的单位是rem、vw 目前最常用的适配方案是： 普通元素：按照设计稿大小，使用px，再利用工具转化为rem font字体大小：使用px不进行rem转化，对不同的dpr分别设置大小， ...
分类：
移动开发 时间：
2019-07-19 17:03:37
阅读次数：
685
一、前言 二、主要内容 1、移动端面对的问题：因为手机屏幕和尺寸不一样，当我们用不同手机设备浏览的时候为了提高用户体验必须要做移动端适配 2、解决方案一: 流式布局 + viewport视口进行设置 流式布局：就是百分比布局，非固定像素，内容向两侧填充，理解成流动的布局，称为流式布局*/ <!DOC ...
分类：
移动开发 时间：
2019-07-17 00:17:06
阅读次数：
182
em与rem之间的区别： 共同点： 不同点： 实例： rem适配方案: 核心原理：宽度和高度都能做到适配（等比缩放） 通过控制 html 元素上的字体大小去控制页面上所有以rem为单位的基准值，控制尺寸 核心换算公式：当前rem基准值 = 预设基准值 / 设计稿宽度 * 当前设备的宽度 技术：媒体查 ...
分类：
移动开发 时间：
2019-06-25 20:56:37
阅读次数：
167
